js获取div里滚动距离，js如何获取整个滚动条的高度

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

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

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。

用JS做的，很简单。。我可以给你写一个JS代码。你把需求发给我吧。

我感觉直接可以用DIV写，3个主DIV框架叠加，中间层一个绝对固定，就是你说的那个浮动的，最上面层就是一打开你看到的浮动还在下面的，最下面一层，就是浮动下面滚动的。

相关问答

Q1: 求教js如何获取元素到浏览器顶部的距离

关于js获取dom 节点到浏览器顶或左部的距离，Jquery里面有封装好的offset().top/offset().left，只到父级的顶/左部距离position().top/position().left。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。

可以使用offset()方法来获取元素距离浏览器的边距，offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

Q2: js获取div到body左侧距离

1、js中offsetLeft 。可以获取元素距离浏览器左侧的定位路局。

2、fixed的话，那么offsetParent就是这个标签了，offsetLeft\Top就是相对于这个标签的位置了。

3、关于js获取dom 节点到浏览器顶或左部的距离，Jquery里面有封装好的offset().top/offset().left，只到父级的顶/左部距离position().top/position().left。

4、scrollLeft属性：此属性可以获取或者设置对象的最左边到对象在当前窗口显示的范围内的左边的距离，也就是元素被滚动条向左拉动的距离。返回值是一个整数，单位是像素。此属性是可读写的。

5、而第二种方法，得到的y，也即top是正确的，但是x，也即left是错误的，得到的left显示相对于body的距离，一旦由于分辨率而导致浏览器和body之间还有距离的话，他显示的具体肯定是错误的，所以这里最好用两种方法综合起来用。

6、scrollHeight： 获取对象的滚动高度。

Q3: ...是蛋花儿网的那种吸顶div块移动一小段距离的js是怎么实现的!_百度...

大致思路是 当窗口滚动时，判断滚屏距离，滚屏距离在某个区间内，将子元素css设为position：fixed 那么，该子元素就相对整个窗口固定了；不在这个区间内，将该元素设为position：static 那么，该子元素就随父元素一起动了。

js获取div里滚动距离的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js如何获取整个滚动条的高度、js获取div里滚动距离的信息别忘了在本站进行查找喔。