height()遇到的问题

浏览器中模拟移动端

需要获取元素的高度 使用height() 竟然出现了问题

当元素出现hidden时,效果不如意,目前未找到原因

实际我是要获取元素在视窗中的高度 然后监控滚定条 滚动次元素在单屏中可视区的高度,不是浏览器可视区高度

替代方法

获取浏览器可视区高度 元素距离视窗顶部的距离 相减就是元素在视窗中的可视高度

var height = $(window).height();浏览器视窗高度
var top = $(this).scrollTop();滚动条距离顶部高度 相对于当前出现滚动条的元素
var conheight = $(this).get(0).scrollHeight;元素实际内容高度
var offtop = $(this).offset().top;元素距离视窗顶部高度

监控 top的值就能实现预期效果

posted @ 2017-10-14 11:36  静静的fire  阅读(248)  评论(0编辑  收藏  举报