博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
阴影覆盖scroll overflow
阅读量:6902 次
发布时间:2019-06-27

本文共 889 字,大约阅读时间需要 2 分钟。

hot3.png

1.对于允许滚动的页面阴影的高度为document的高度$(document).height()

2.网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取

3.当网页滚动条拉到最底端时,$(document).height() = $(window).height() + $(window).scrollTop()

4.网页高度不足浏览器窗口时$(document).height()返回的是$(window).height()

5.

不建议使用$("html").height()、$("body").height()这样的高度。

原因:

$("body").height():body可能会有边框,获取的高度会比$(document).height()小;

$("html").height():在不同的浏览器上获取的高度的意义会有差异,说白了就是浏览器不兼容。

$(window).height()值有问题,返回的不是浏览器窗口的高度

阴影层高度:

var bH = $(document).height();var bW = $(document).width();$("#tcimg").css({width: bW, height: bH, display: "block"});

弹出层跟随滚动:

$(window).scroll(function () {            //获取被卷起的高度            var scrollTop = $(document).scrollTop() + 40;            var AdminUserStateDiv = $(".item3");            层伴随滚动条滚动,时时改变层对顶部的距离            AdminUserStateDiv.animate({"top": scrollTop + "px"}, 0);  })

 

转载于:https://my.oschina.net/u/1760791/blog/744898

你可能感兴趣的文章
我的友情链接
查看>>
我的友情链接
查看>>
Android UI开发第二十八篇——Fragment中使用左右滑动菜单
查看>>
[awk] 用-F指定多分隔符实例_备忘
查看>>
我的友情链接
查看>>
C++字符串高效查找替换
查看>>
62.菜鸟福音 60条笔记本电脑使用经典技巧
查看>>
mysql全备脚本,此脚本可以备份多个数据库,单独文件夹
查看>>
mysql的双机热备
查看>>
linux第一课
查看>>
Spring3中好用的工具类收集
查看>>
Python用pip 安装lxml时出现 “Unable to find vcvarsall.bat ”解决方案
查看>>
我的友情链接
查看>>
java单例模式之线程安全问题
查看>>
Notes打不开的故障总结
查看>>
WEB打印控件Lodop(V6.x)
查看>>
我的友情链接
查看>>
UI集成测试运行说明
查看>>
ES与Javscript,JScript,ActionScript等脚本
查看>>
断点的技巧
查看>>