zjf_1103 发表于 2013-1-29 09:30:31

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

<div class="bct fc05 fc11 nbw-blog ztag js-fs2">关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全、正确搞明白的。
    我知道很多人不同意我的观点。但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的。我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的。
    jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性,互联网上几乎搜素不到关于它的应用技巧,而我正好需要用到它。
    我们现在只探讨和垂直滚动有关的 scrollTop、scrollHeight 属性。
    一、滚动条有关属性的正确理解:
    假设有以下Html代码:
    <div id="div1" style="overflow-y:auto; overflow-x:hidden; height:500px;">
      <div style="height:750px;">
      </div>
    </div>
    由于内部的div标签高度比外部的长,并且外部的div允许自动出现垂直滚动条,所以用浏览器打开后,可以看到垂直滚动条。滚动条向下拖动一段距离,看到的页面效果如下(右部的a、b是我抓图后,用PS标出来的):
http://img115.ph.126.net/OS7JwJ20TK8OT1B1JZ9EUw==/2014234933343276993.gif
页: [1]
查看完整版本: jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部