有关元素在页面底部

12/6/2015来源:Javascript教程人气:952

项目情景大致:一连串的数据列表,每一列都有点击底部显示弹窗的效果。

第一种情况:当一行数据位于页面可视区域的底部时,再点击,弹窗效果就会显示在可视区域之外,这个时候必须上移整个页面才能看到。

         思路:

var top = $(this).offset().top; //元素距离顶部的距离
var seh = $(window).height(); //可视区域的高度
var  a = $(this).height(); //选定元素本身的高度
if((top + a) >= seh){
 $(this).CSS(scrolltop:)
}