我正在尝试制作一个向下箭头,当您向下滚动时,它会跳转到页面上的下一个ID。我真的不懂JavaScript,所以我试着让它尽可能简单。我想,因为只有几个部分,我可以隐藏并显示具有不同目标的箭头的不同div。我使用了两个不同的代码来实现这个目标,但似乎并没有起作用。有什么想法吗?
<script type="text/javascript">
$(window).scroll(function(){
if($(window).scrollTop() >= 800) {
var elem = document.getElementById("arrow");
elem.setAttribute("style","display:none;");
} else {
elem.setAttribute("style","display:inline;");
}
});
</script>
答案 0 :(得分:0)
我不确定我到底知道你想要做什么,但是你可以通过利用jQuery提供的快捷方式来简化你的代码。
//When the document is ready...
$(function(){
//Select the arrow just once
var arrow = $("#arrow");
//Attach a scroll event to the window
$(window).scroll(function(){
//See what the scroll position is
var scrollPos = document.body.scrollTop;
//When the document has scrolled to a certain point or more, hide the arrow.
//Otherwise, show it.
if(scrollPos >= 800){
arrow.hide();
} else {
arrow.show();
}
});
});
以下是该动作的简要演示:http://jsfiddle.net/Bt35Q/