我知道标题不是最具描述性的,还有很多类似问题的主题,但我找不到任何答案。事实上,我能走到这一步多亏了你们,所以这就是我想做的。
我有一个 DIV,我想在页面滚动到某个位置(触发)时显示它,标记为#othdiv。当您进一步向下滚动到标记为的下一个位置(触发)时,该 DIV 消失#othdiv2.
这感觉像是一个非常简单的解决方案,但我就是无法弄清楚。我尝试过条件 if 语句、重复代码、删除行、新变量...叹息...请帮助。
$(document).ready(function() {
$("#dvid").hide(); //hide your div initially
var topOfOthDiv = $("#othdiv").offset().top;
var topOfOthDiv2 = $("#othdiv2").offset().top;
$(window).scroll(function() {
if($(window).scrollTop() > topOfOthDiv) { //scrolled past the other div?
$("#dvid").show(); //reached the desired point -- show div
}
else
if($(window).scrollTop() < topOfOthDiv) { //scrolled past the other div?
$("#dvid").hide(); //reached the desired point -- show div
}
});
});
当前代码示例:http://jsfiddle.net/DnJ2z/124/ http://jsfiddle.net/DnJ2z/124/
底线:
我正在尝试做类似的事情:http://mailchimp.com/2012/ http://mailchimp.com/2012/(注意标题[应用程序、支持、操作等])
尝试使用&&
如:如果(这个和那个){做某事}否则{不做}
工作示例 http://jsfiddle.net/apaul34208/DnJ2z/127/
$(document).ready(function () {
var topOfOthDiv = $("#othdiv").offset().top;
var topOfOthDiv2 = $("#othdiv2").offset().top;
$(window).scroll(function () {
if ($(window).scrollTop() > topOfOthDiv && $(window).scrollTop() < topOfOthDiv2) {
$("#dvid").show();
} else {
$("#dvid").hide();
}
});
});
为了更好地解释逻辑运算符,请查看:逻辑运算符 MDN https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Logical_Operators
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)