Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.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_Scrollbar_Sapui5 - Fatal编程技术网

Javascript 如何检测应用程序上的滚动条?

Javascript 如何检测应用程序上的滚动条?,javascript,scrollbar,sapui5,Javascript,Scrollbar,Sapui5,我有一个SAPUI5应用程序,我在其中显示一个离开屏幕的表格。我有一个按钮,用户可以单击该按钮返回顶部。问题是按钮总是显示出来,即使不需要。我只希望它在桌子离开屏幕时出现。我一直在寻找解决这个问题的方法,但到目前为止还没有任何效果 这是在我的xml视图中定义的按钮 <html: a id="toTop" href ="#_xmlview0--top"> <Button id="backToTopBtn" text = "back"/> </html:a&

我有一个SAPUI5应用程序,我在其中显示一个离开屏幕的表格。我有一个按钮,用户可以单击该按钮返回顶部。问题是按钮总是显示出来,即使不需要。我只希望它在桌子离开屏幕时出现。我一直在寻找解决这个问题的方法,但到目前为止还没有任何效果

这是在我的xml视图中定义的按钮

<html: a id="toTop" href ="#_xmlview0--top">
      <Button id="backToTopBtn" text = "back"/>
</html:a>

但从这些值来看,车身高度和窗户高度是相同的。有什么想法吗?

为了不让你的按钮一直显示出来,你需要使用样式或javascript隐藏它。我假设您将在本例中使用
display:none
,然后在用户滚动一定数量时显示它

element.scrollTop
element.scrollLeft
提供元素的偏移量

如果只想在正文滚动一定量时才显示某些内容,可以执行以下操作:

var page=document.body;
var button=document.getElementById('backtotoptbtn');
函数showScrollTopButton(){
如果(page.scrollTop>xyz){
button.style.display='block';
}否则{
button.style.display='none';
}
返回;
}

window.addEventListener(“滚动”,showScrollTopButton)表格是否总是在同一精确位置离开屏幕?显示x行数后,表格将关闭。问题是,x随屏幕大小而变化。
<html:div id = top"></html:div>
if($('body').height()>$(window).height()){
     //go back to top here
  }