如何使用jquery ,浏览器窗口滚动到一定距离,显示div中的内容

Posted 好名字被谁用了

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用jquery ,浏览器窗口滚动到一定距离,显示div中的内容相关的知识,希望对你有一定的参考价值。

1.  函数的编写

   function getTop(){

        var top = $(document).scrollTop();
        if($(document).scrollTop()>500){
           $(".SuspensionFrame").show();
        else {
          $(".SuspensionFrame").hide();
        }
        setTimeout(getTop);
    }
     
    getTop();

 

SuspensionFrame 为需要显示的div值的id

$(document).scrollTop()  为获取网页划动后和顶部的距离



以上是关于如何使用jquery ,浏览器窗口滚动到一定距离,显示div中的内容的主要内容,如果未能解决你的问题,请参考以下文章

如何在单击jQuery时向下滚动一定距离

元素随着滚动条滚动而滚动,但是到浏览器窗口顶部的距离是固定的功能代码

jq滚动到一定位置的出现动画效果

您如何使用 jQuery 测量用户向下滚动的距离?

jquery如何获取元素的滚动条高度等实现代码

jQuery当滚动条滚动时 一个元素到浏览器顶部的距离 随滚动条滚动时,到顶部的距离为本身的top+滚动条滚动