1、下面是滚动到底部弹出代码 $windowscrollfunction 页面滚动判断 if $#39#slidebar#39cssquotleftquot！=0 $documentheight$thisheight$thisscrollTop=100距离底部100时，自动展开 $#39#slidebar#39stopanimateleft#39360px#39，#39fas；1新建html文档2书写hmtl代码3书写css代码* margin 0 padding 0 liststyle img border body fontfamily Arial， Helvetica， sansserif 4书写并添加js代码 5代码整体结构6查看效果；参考下面代码单纯判断滚动条方向 function scroll fn var beforeScrollTop = ，fn = fn function windowaddEventListenerquotscrollquot， function var afterScrollTop = ，delta = afterScrollTop beforeScrollTopif delta ===；2在indexhtml中的标签，输入jquery代码#39body#39append#39height #39 + $documentheight + #39#39#39body#39append#39width #39 + $documentwidth3浏览器运行indexhtml页面，此时会打印出界面最大可以滚动的文档宽度和文档高度；展开全部先上原理图判断滚动条是否到临近页面底部，关键是求得上图中？的数值，明显看出这个值=文档总高度已滚动部分的高度当前视口高度，所以有如下代码78var minAwayBtm = 100 距离页面底部的最小距离$windowscrollfunction var awayBtm = $documentheight。

2、第一种方法是直接给div添加样式属性具体步骤如下1 使用CSS设置div的overflow属性，可以设置为overflowy auto2 设置div的高度，例如height 500px第二种方法是使用JavaScript首先，获取目标div元素，例如var div = documentgetElementById#39show#39，然后设置其样式属性，代码如下div；ul绑定mousewheel鼠标滚动事件火狐用DOMMouseScroll取消默认动作，eventpreventDefaultIE=false，这样滚轮滚动后就不会滚动页面了根据滚轮滚动的方向对ul内容进行控制，获取滚轮方向用eventwheelDelta，大于0为向上滚，小于0向下滚火狐eventdetail，方向刚好相反，大于0向下；overflowautop设置上下滚动条显示overflowyyesp设置上下滚动条自适应显示overflowyauto如果该p被包含在其他对象例如td中，则位置可设为相对positionrelative 如何通过JQuery将DIV的滚动条滚动到指定的位置quot#p_idquotanimatescrollTop100，300以上代码可以实现，scrollTop表示向下滚到；scrolltop是jQuery中的一个方法，它可以设置 元素中滚动条的垂直偏移量用法scrollTop 方法返回或设置匹配元素的滚动条的垂直位置scroll top offset 指的是滚动条相对于其顶部的偏移如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移举例quotbtn1quotclickfunction $quot；原因一需要滚动条的标签使用了绝对布局positionabsolute，而且zindex0解决办法niceScrollzindex200这里设置zindex的值要比标签的zindex大原因二需要滚动条的标签使用了ajax填充数据解决办法将$selectorniceScroll放在ajax返回成功的函数里，即在ajax完成时填充数据完成后。

3、请使用 fullPagejs插件可以自行百度一下参考代码lt！DOCTYPE html body color #FFFFFF section1 backgroundcolor #BFDA00 section2 backgroundcolor #2EBE21；其实所谓的网页滚动条固定就是一个简单的判断 function scrollLis var toTop = offstop$windowscrollTop iftoTop==0toToplt0 if！$#39fixeddiv#39hasClass#39addfixeddiv#39$#39fixeddiv#39addClass#39addfixed；1首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字2然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop获取垂直滚动距离，最后弹出输出的值即可3保存一下打开浏览器，可以看到一个长篇的文档4按F12打开浏览器开发者；quot#div1quotscrollfunction scroll方法，当你滚动右边的“滚动条”并停下后，这个方法会自动执行 nScrollHight = $this0scrollHeight 把里面那个div的高度750px给变量nScrollHight nScrollTop = $this0scrollTop 把滚动条到顶部的距离的值给nScrollTop。

4、为其父容器定宽定高，再设置overflowauto即可，代码如下 ztreewrap width160px height460px overflowauto；让所有浏览器包括IE6即支持最大高度又支持最小高度yangshiMaxHeight620pxMinHeight40px_heightexpressionthisscrollHeight 620 ？ quot620pxquot thisscrollHeight lt 40 ？ quot40pxquot quotautoquot IE6支持MaxHeight和支持MinHeight CSS代码 _heightexpression；1jquery获取滚动条高度使用scrollTop方法2首先我们新建一个长篇的HTML文档3然后我们编辑JS脚本，使用scroll方法，监听网页滚动4然后我们使用scrollTop获取垂直滚动距离5然后保存文件，查看获取的垂直滚动距离即可。