
正文
多个div如何用js滚动到指定的div js div滚动
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何通过JQuery将DIV的滚动条滚动到指定的位置
1、(selector).scrolltop(offset)可以设置滚动条位置。
2、本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。
3、假设首先有一个div,内容区域超出了这个div,出现了竖向滚动条 $(div).scrollTop(number);//用jquery的scrollTop方法,传入的参数是你想设置的滚动条滚动的距离,也就是滚动条距离顶部的距离,就可以了。
4、前置条件:div作为盒子限制高度,并设置overflow:auto。
5、可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位。
相关问答
Q1: js设置div滚动到固定位置
1、可以设置div的scrollTop值。div当中有滚动的时候,设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画,可以使用css3的过渡或者动画函数,jquery可以用animate函数。
2、div作为盒子限制高度,并设置overflow:auto。
3、fixed; top:0px; left:0px; right:0px;height: 40px;position:fixed;是指定位相对于浏览器窗口, top:0px; left:0px; right:0px,这样的话,DIV就会固定在页面顶部,宽度等于浏览器窗口的宽度,高度自定义。
4、通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。
5、var oDiv = document.getElementById(div1); oDiv.style.position = fixed oDiv.style.top = 20px oDiv.style.left = 20px /script 主要思想就是,在js中修改div的位置。
Q2: 如何用js控件div的滚动条,让它在内容更新时自动滚到底部?
span class=notice请点击“插入一行”按钮,插入最新信息,当出现滚动条时,滚动条将自动保持在底部。
首先需要新建一个HTML文档,这里设立一下基本的架构。再新建一个CSS文件,用link关联一下HTML文档。创建DIV标签,并且往里面填充内容。先设定一下滚动条内框的大小。
通过div的scrollTop变动控制垂直滚动条位置。\x0d\x0a通过div的scrollLeft变动控制水平滚动条位置。
多个div如何用js滚动到指定的div的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于js div滚动、多个div如何用js滚动到指定的div的信息别忘了在本站进行查找喔。







