其实如何用JavaScript实现位置滚动？的问题并不复杂，但是又很多的朋友都不太了解js控制div滚动条位置，因此呢，今天小编就来为大家分享如何用JavaScript实现位置滚动？的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
文章目录：
原生获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸名...
计算元素位置和尺寸：- 通过`ument.getElementsByClassName（js-new-issue-button）[0].style.width`，可以获取元素的宽度，如84px，而`clientWidth`则可得到内边距内的宽度，如104。
以下是获取尺寸的方法：clientWidth & clientHeight clientWidth属性表示元素的内部宽度，包括padding，但不包括border、margin和垂直滚动条（如果有）。对于内联元素或没有CSS的元素，其值为0。
var win_w = $（window）.width（）；//获取宽度var win_h = $（window）.height（）；//获取高度如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用呈现在手机网页中的。
// 获取滚动条位置 console.log（ument.getElementById（myElement）.scrollTop）；// 设置滚动条位置 ument.getElementById（myElement）.scrollTop = 100；```使用`scrollIntoView`方法 `scrollIntoView`方法可以用来滚动页面，使元素视口。
outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如栏/滚动条）。outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如栏/滚动）。innerheight 返回窗口的文档显示区的高度。innerwidth 返回窗口的文档显示区的宽度。
在js里响应onresize，如果当前宽度和高度小于你元素加一块的宽度和高度，就设置为元素为元素加一块的宽度和高度，如果大于，则设置为100%和clientHeight，这样就不会因为长度和宽度而出现滚动条。当然当浏览器窗口缩小以后会出现，这个是必然的，不然隐藏的元素无法显示完全的。
求javascript获取iframe滚动条位置
1、用b.ument.body.scrollTop=100或者b.ument.umentElement.scrollTop=100 两个里面有一个可以用的。
2、需要将iframe上面的scrolling属性的属性值设置为yes或者删除该属性这样引入的那个页面里面的滚动条就出来了，仅仅这样还是不行的，我们还要设置iframe的高度，以好完整的显示引入的那个页面，因为浏览器的大小不一或者说是频幕的大小不一，所以为了兼容所有显示屏iframe的高度就应该等于浏览器的高度。
3、给width和height值就行了。iframe src= width=100px height=200px/iframe 这样如果有滚动条，则如果宽度超过100px就有左右滚动条，如果高度超过200px就有上下滚动条。
js如何控制整个页面滚动条的位置
有两种方法。通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。
你可以通过改变`scrollTop`和`scrollLeft`属性来控制滚动条的位置。这两个属性分别控制垂直和水平的滚动位置。
首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。用border先来查看是否有超出，这里可以看出超出了很多内容。
关于如何用JavaScript实现位置滚动？到此分享完毕，希望能帮助到您。
