js点击将滚动条移至顶，js 设置滚动条位置

...当滑动滚动条的时候,div向上移动,移动到浏览器的最上方,一直显示...

1、新建html文档。书写hmtl代码div class=box ！--代码开始--div class=main/divdiv class=subdiv class=sub01/divdiv class=sub01/divdiv class=fixed我是固定的哟/div/div！--代码结束--/div。书写css代码。

2、我话少，直接上代码，html代码比较乱，主要为了产生垂直滚动条，看js就Ok了，jquery.js自行下载，就不提供了，soeasy！其实说白了就是控制这个p的垂直滚动条的偏移，这里回到顶部，所以就设置成0。顺带着也把页面的垂直滚动条也移到了最顶端。

3、居中对齐，宽度为640px，高度为1000px。在css标签内，再设置类名为ff的样式，设置其高宽都为100px，背景颜色为红色，使用position定位属性设置div在页面的绝对位置，距离页面顶部为20px，距离页面左边为0px，从而实现div悬浮在页面中。在浏览器打开test.html文件，查看实现的效果。

相关问答

Q1: 如何通过JS将滚动条移动到指定元素位置

有两种方法。通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

scrollTop属性只有DOM元素才有，window/document没有。用法1：获取值 var top = element.scrollTop；//返回数字，单位像素 用法2：设置值 element.scrollTop = 200；对上面的例子来说，控制滚动条的位置是wrap.scrollTop=xx；而不是inner.scrollTop，道理同上。

滚动条 位置。通过div的scrollLeft变动控制水平滚动条位置。

通过div的scrollTop变动控制垂直滚动条位置。\x0d\x0a通过div的scrollLeft变动控制水平滚动条位置。

我有个思路，就是不用这种方式，可以给点击的a标题一个id，然后在js中给这个id添加一个点击事件， 要跳转的目标位置可以用js去获取到，然后使用定时器来控制滚动条的位置。

Q2: 使用js或jq控制一个div,当滚动到页面顶部的时候固定在顶部,离开可继续...

1、position：fixed； top：0px； left：0px； right：0px；height： 40px；position：fixed；是指定位相对于浏览器窗口， top：0px； left：0px； right：0px，这样的话，DIV就会固定在页面顶部，宽度等于浏览器窗口的宽度，高度自定义。

2、首先我们新建一个web项目，主要用到了html文件和css文件。然后在html文件中，有图中的代码，引入css文件和设置一个div标签。然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。然后运行项目后，可以看到div在右下角。

3、首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。用border先来查看是否有超出，这里可以看出超出了很多内容。

4、在前端里面，如何将一个div固定在某个位置，属于css内position定位的内容。position定位属性有五种类型，分别如下：static 定位。html元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top， bottom， left， right影响。fixed 定位。元素的位置相对于浏览器窗口是固定位置。

Q3: 如何通过JQuery将DIV的滚动条滚动到指定的位置

1、(selector).scrolltop(offset)可以设置滚动条位置。

2、可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。

3、首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。offsetHeight：是指元素内容的高度。

关于js点击将滚动条移至顶和js 设置滚动条位置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。