前端开发

 首页 > 前端开发 > jquery教程 > 元素设置overflow-y:scroll如何判断元素内滚动到最底层

元素设置overflow-y:scroll如何判断元素内滚动到最底层

分享到:
【字体:
导读:
          元素设置overflow-y:scroll如何判断元素内滚动到最底层 今天在项目中遇到一个这样的问题,一个元素高度设置死:800px;超不部分滚动,里面的子元素是未知ajax加载的,如何判断是不是滚...

元素设置overflow-y:scroll如何判断元素内滚动到最底层

今天在项目中遇到一个这样的问题,一个元素高度设置死:800px;超不部分滚动,里面的子元素是未知ajax加载的,如何判断是不是滚动到最底层呢?

如下图:

scrawl.png

用jquery $(box).height(); //获取元素高度

$(box).scrollTop();//获得元素的滚动条高度

给元素内部增加一个子元素box2,然后把数据加载到box2里面,这样直接获取box2的高度 减去 元素的高度 是不是等于 元素的scrollTop 就可以判断啦!

如下图:box2是红色边框的

scrawl.png


分享到:
jquery使用小技巧jquery阻止浏览器默认行...
jquery的诞生方便了我们前端小菜鸟对web交互的操作。 今天为大家带来jquery使用部分小技巧。 jquery阻止浏览器默认行为,如超链接。 $("a").click(function(event){   event.preventDefault(); }); Jquery触发回车事件  $(function () {     $('#target').bind('keyup', function (eve...
jQuery封装一个动态加载js和css插件
今天给大家带来jQuery封装一个动态加载js和css插件 //动态加载js,css  //www.zixuephp.com  $.extend({      include: function(file)      {          var files = typeof file == "string" ? [file] : file;                    for (var i = 0; i 
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……