首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何用jquery方法在两个id之间显示隐藏的div

如何用jquery方法在两个id之间显示隐藏的div
EN

Stack Overflow用户
提问于 2013-08-27 21:18:02
回答 2查看 840关注 0票数 3

我有一个jquery脚本,它显示一个隐藏的div,当我以像素为单位在A和B之间向下滚动时(A =我的CV的开始和B=CV的结束),如果不是在A和B之间,返回到隐藏。

代码语言:javascript
复制
$(window).scroll(function () {
    if ($(this).scrollTop() > 1800 && $(this).scrollTop() < 5550) {
        $("#cvBoxWrap").fadeIn();
    } else {
        $("#cvBoxWrap").fadeOut();
    }
}); 

是否可以用jQuery的路径点ID交换像素值?这样CV div就会显示用户在两个不同的ID之间向下滚动时消失的情况。

原因是在iPad上查看像素值不匹配CV div,因此隐藏div显示不正确。

先期

我把它处理好了:

代码语言:javascript
复制
    $(window).scroll(function () {
    if ($(this).scrollTop() > $('#A1').offset().top) && $(this).scrollTop() < $('#A2').offset().top)) {
$("#cvBoxWrap").fadeIn();} else { 
        $("#cvBoxWrap").fadeOut(); }
    });
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-09-03 16:46:58

代码语言:javascript
复制
$(window).scroll(function () {
    if ($(this).scrollTop() > $('#A1').offset().top) && $(this).scrollTop() < $('#A2').offset().top)) {
         $("#cvBoxWrap").fadeIn(); 
    } else { 
         $("#cvBoxWrap").fadeOut(); 
    } 
});
票数 0
EN

Stack Overflow用户

发布于 2013-08-27 23:09:12

您可以使用空锚,如

代码语言:javascript
复制
<a id="a1"></a>

然后检查你是否已经滚动到他们的位置。

代码语言:javascript
复制
$('#a1').offset().top
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18475657

复制
相关文章

相似问题

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