首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当滚动条位于Xpx时,Jquery使用scrollTop()淡入元素

当滚动条位于Xpx时,Jquery使用scrollTop()淡入元素
EN

Stack Overflow用户
提问于 2012-03-02 11:55:51
回答 2查看 3K关注 0票数 2

当您滚动了X个数的像素时,如何将元素转换为fadeIn?它是不是类似于?

代码语言:javascript
复制
if ($(this).scrollTop() > 740) { 
        $("#myelement").fadeIn(1000);
}); 

理想情况下,只有当滚动条在740px和1481px之间时,它才会淡入。否则它就会淡出。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-03-02 12:53:51

您需要使用scroll event

代码语言:javascript
复制
var $myelement = $("myelement"); // cache jQuery object

$(window).scroll(function() {
   if($(this).scrollTop() > 740 && $myelement.is(":hidden")) {
       $myelement.fadeIn();
    }else if ($(this).scrollTop() < 740 && !$myelement.is(":hidden")) {
        $myelement.fadeOut();
    }
});
票数 1
EN

Stack Overflow用户

发布于 2012-03-02 12:55:08

你的逻辑看起来很好,真的。我整理了一个完全有效的示例here,包括淡入/淡出,尽管除了充实它之外,它并没有添加太多内容。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9527746

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档