js滚动条滚动到顶部的距离，js实现滚动条效果

原生js或jQuery怎么让滚动条只能滚动固定的距离?

1、新建html文档。书写hmtl代码。书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。 。

2、本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。

3、在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

4、通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

相关问答

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

1、可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。

2、你要的应该是拖拽效果，可以通过jq插件做 http：//基本原理就是鼠标按下修改div的left和top（或者right/bottom）。鼠标离开不变。

3、首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。

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

5、JS或者jquery设置滚动条回到顶部的方法：返回顶部：设置为body的scrollTop为0 滑动效果：animate（Jquery的自定义动画）备注：returnTop为触发返回顶部的元素ID。

Q2: 怎么使用js实现滚动条效果?

1、首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。

2、代码如下： JS实现网页滚动条感应鼠标变色 把你的目光转向右侧的滚动条看一下吧？是不是很漂亮噢？鼠标放上还会变换色彩呢？ 收集于互联网，只为兴趣与学习交流，不作商业用途。

3、本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。

js滚动条滚动到顶部的距离的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js实现滚动条效果、js滚动条滚动到顶部的距离的信息别忘了在本站进行查找喔。