Javascript 根据是否有垂直滚动条显示/隐藏类
我是jQuery的新手,一直在尝试让它工作,但没有成功。我可以让我的部分代码正常工作,但无法让所有代码一起工作 在我的网站上,我有一个向上和向下的箭头(都在一个单亲类中),当单击时,它将滚动到页面的顶部/底部——我已经使用jQuery实现了这一点 但是,我只希望在实际有任何东西可滚动时显示这些箭头(即,如果存在滚动条);否则我想把它们藏起来Javascript 根据是否有垂直滚动条显示/隐藏类,javascript,jquery,html,scroll,Javascript,Jquery,Html,Scroll,我是jQuery的新手,一直在尝试让它工作,但没有成功。我可以让我的部分代码正常工作,但无法让所有代码一起工作 在我的网站上,我有一个向上和向下的箭头(都在一个单亲类中),当单击时,它将滚动到页面的顶部/底部——我已经使用jQuery实现了这一点 但是,我只希望在实际有任何东西可滚动时显示这些箭头(即,如果存在滚动条);否则我想把它们藏起来 (function($) { $.fn.hasScrollBar = function() { return this.get(0)
(function($) {
$.fn.hasScrollBar = function() {
return this.get(0).scrollHeight > this.height();
}
})(jQuery);
上面的代码将根据滚动条的存在返回true或false,但我无法使其与我的函数一起工作(我不必使用该代码,这只是我发现的)
不是jquery,而是它正在工作(或不工作:)我会在
this.height.change(*your function here*)
上使用一个事件侦听器,然后使用它的返回来启动一个将使用jquery的函数,并显示/隐藏滚动按钮嗯,我无法让它工作。它是否应该根据是否有滚动条显示/隐藏ID?我已经纠正了一些错误。是的,它显示了带有箭头id的元素。嗯,我一定是做错了什么。我应该注意到,我的箭头实际上使用的是display:fixed
,尽管我试图让它们block
,但无法正常工作。这就是标签里面的代码吗?我不在电脑旁边,所以我无法调试它。它是否打印任何错误??啊,它说ReferenceError:body没有定义
window.onresize=arrows;
window.onload=arrows;
function arrows(){
if(document.body.scrollHeight > window.innerHeight){
document.getElementById("arrow").style.display="block";
}else{
document.getElementById("arrow").style.display="none";
}
}