Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据是否有垂直滚动条显示/隐藏类_Javascript_Jquery_Html_Scroll - Fatal编程技术网

Javascript 根据是否有垂直滚动条显示/隐藏类

Javascript 根据是否有垂直滚动条显示/隐藏类,javascript,jquery,html,scroll,Javascript,Jquery,Html,Scroll,我是jQuery的新手,一直在尝试让它工作,但没有成功。我可以让我的部分代码正常工作,但无法让所有代码一起工作 在我的网站上,我有一个向上和向下的箭头(都在一个单亲类中),当单击时,它将滚动到页面的顶部/底部——我已经使用jQuery实现了这一点 但是,我只希望在实际有任何东西可滚动时显示这些箭头(即,如果存在滚动条);否则我想把它们藏起来 (function($) { $.fn.hasScrollBar = function() { return this.get(0)

我是jQuery的新手,一直在尝试让它工作,但没有成功。我可以让我的部分代码正常工作,但无法让所有代码一起工作

在我的网站上,我有一个向上和向下的箭头(都在一个单亲类中),当单击时,它将滚动到页面的顶部/底部——我已经使用jQuery实现了这一点

但是,我希望在实际有任何东西可滚动时显示这些箭头(即,如果存在滚动条);否则我想把它们藏起来

(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";
}
}