Dzwebs.Net

撰写电脑技术杂文十余年

让某个DIV悬浮在页面底部位置

Admin | 2015-7-13 11:12:44 | 被阅次数 | 7041

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  下面的代码功能,是Jquery实现的,功能是:让ID为KK的DIV对象,跟随鼠标滚动或垂直滚动条的改变,始终浮动在页面的底部位置。

  $(document).ready(function(){ 
      var temp=$(document).scrollTop(); 
    $(window).scroll(function (){ 
        var offsetTop=680+getScrollTop(); 
        var offsetTopStr=offsetTop+"px"; 
        $("#kk").animate({top : offsetTopStr },{ duration:500 , queue:false }); 
    }); 
    $(window).scroll();  
});  
function getScrollTop() { 
    var scrollPos; 
    if (window.pageYOffset) { 
    scrollPos = window.pageYOffset; } 
    else if (document.compatMode && document.compatMode != 'BackCompat') 
    { scrollPos = document.documentElement.scrollTop; } 
    else if (document.body) { scrollPos = document.body.scrollTop; }  
    return scrollPos;  
  } 

  div层的内容大体如下:

  <div id="kk" style="position:absolute;z-index:9999;"> 
  这里是层的内容,你可以修改的
  </div>


该杂文来自: 网页制作杂文

上一篇:jquery垂直滚动固定对象显示在顶部

下一篇:Jquery判断滚动条是否达到顶部或底部

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计