有两种方法。
1、通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。
示例：
<body>
//d1是外层div，带滚动条
<div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'>
<div style='height:500px;width:500px;background:yellow'>2222</div>
</div>
</body>
<script>
document.getElementById('d1').scrollTop=100;//通过scrollTop设置滚动到100位置
document.getElementById('d1').scrollLeft=200;//通过scrollTop设置滚动到200位置
</script>
2、用html锚点
如下：
<a href="#test">aaaaa</a>
<div id="test">lalallalalalala</div>
扩展资料：
1、JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
（1）、是一种解释性脚本语言（代码不进行预编译）。
（2）、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
（3）、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
（4）、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
2、JavaScript脚本语言具有以下特点:
(1)、脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)、基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)、简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
(4)、动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
(5)、跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。
参考资料：百度百科：JavaScript
js如何控制整个页面滚动条的位置
有两种方法。1、通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。示例： \/\/d1是外层div，带滚动条 2222 document.getElementById('d1').scrollTop=100;\/\/通过scrollTop设置滚动到100位置 document.getElementById('d1').scrollLeft=200;\/\/通过scrollTop设置...
怎么使用js实现滚动条效果?
你可以通过改变`scrollTop`和`scrollLeft`属性来控制滚动条的位置。这两个属性分别控制垂直和水平的滚动位置。```javascript \/\/ 获取滚动条位置 console.log(document.getElementById('myElement').scrollTop);\/\/ 设置滚动条位置 document.getElementById('myElement').scrollTop = 100;```使用`scrollIn...
如何使用JS控制DIV内容的滚动条
1、首先需要新建一个HTML文档，这里设立一下基本的架构。2、再新建一个CSS文件，用link关联一下HTML文档。3、创建DIV标签，并且往里面填充内容。4、先设定一下滚动条内框的大小。5、用border先来查看是否有超出，这里可以看出超出了很多内容。6、overflow-y: scroll;overflow-x: scroll;加上这个样式滚...
js怎么控制网页滚动到指定位置
页面移动出去的距离不能和滚动条移动出去的距离对等 滚动条移动出去多少像素才能等达到页面要移动出去的像素是根据整个页面的尺寸比例计算的 这个文档对象移动出去的距离在坐标系上是一定是负数,但是我们要用正数来表示他距离浏览器窗口0,0坐标的距离 这个方法移动的是文档对象和浏览器存储文档对象的窗口0,0...
js?scrollTop如何到达指定位置
在JavaScript中，我们可以使用scrollTop属性来实现页面滚动至指定位置的功能。这种方法主要通过改变scrollTop值来实现平滑滚动效果，使页面能够平滑地到达用户指定的位置。例如，如果你想实现返回顶部的功能，可以将参数target设置为0。以下是一个简单的示例代码：javascript goTo = function(target) { var scroll...
javascript中如可控制iframe的滚动条位置
滚动条始终在最下端:window.onload=function (){document.documentElement.scrollTop=parseInt(document.body.offsetHeight)-parseInt(document.documentElement.offsetHeight)+100;}\/*上面的加100是因为取offsetHeight的值不是很准,所以自己改到准为止*\/滚动条始终在最上端:window.onload=function(){document.documentElement....
js控制页面刷新(重新加载)时,滚动条位置不变(页面中子画面)。_百度...
在你控制刷新的函数上，找到刷新命令之前的位置，在这个命令之前，读取当前窗口滚动条的位置。然后在刷新的命令上，加上参数，参数值就是这个滚动条的位置。然后在你页面打开的最下边。用动态脚本接到这个值，然后写成JS命令，命令就是window.scroll(这个位置的数)就可以了。
用js如何在父页面控制iframe子页面中滚动条的位置
window.frames[index].frameElement.contentWindow 这个是对应的iframe的window window.frames[index].frameElement.contentWindow.scrollTo(x, y) 调用对应的iframe的滚动条 .scrollBy(x, y) .scroll(x, y) 调用滚动条的其他方法 本人只测试到ie9, 9以下自行测试 ...
jsp网页移动滚动条怎么做到头部不动,就中间和下部动?
你把头部的div设置绝对应为，属性为position：fixed，就可以实现，一般这个属性用来设置网页左右两侧的广告栏位，内容下拉广告栏位仍在相对浏览器的中间位置
页面如何默认div的横向滚动条居中或者是居右呢?请各位高手指点!_百度...
用js控制。先取得div的宽假设为(dW)，再取得div可见宽假设为(sW).(dW-sW)\/2即是滚动条居中的x坐标。div的scrollX=(dW-sW)\/2，即是居中，div的scrollX=dW-sW即是居右。div的scrollX=0即是居左。
