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

我有一个SAPUI5应用程序，我在那里显示一个表格，从屏幕上消失。我有一个按钮，用户可以点击返回顶部。问题在于该按钮始终显示，即使不需要。我只希望它在桌子离开屏幕时出现。我一直在寻找解决方案，但迄今没有任何工作。如何检测应用程序上的滚动条？

这里是我的XML视图中定义我的按钮

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

，然后我有这个在

<html:div id = top"></html:div>

我已经尝试了不同的解决方案，我发现使用jQuery我的视图顶部的定义，但到目前为止没有任何工作。我以为这样的东西会工作

if($('body').height()>$(window).height()){ 
    //go back to top here 
    }

但看着这些值身高和窗口高度是相同的。有任何想法吗？

来源

2017-04-13 polaris

是表总是在同一个确切的位置离开屏幕？ – msafi

显示x行数量后表格将熄灭。问题是x根据屏幕的大小而变化。 – polaris

为了不让您的按钮一直显示需要使用样式或javascript隐藏它。我假设你会在这种情况下使用display: none，然后在用户滚动一定数量时显示它。

element.scrollTop和element.scrollLeft给你一个元素的偏移量。

如果你想显示的东西，只有当身体已经滚动一定量，你可以这样做：

var page = document.body; 
 
var button = document.getElementById('backToTopBtn'); 
 

 
function showScrollTopButton() { 
 
    if (page.scrollTop > xyz) { 
 
     button.style.display = 'block'; 
 
    } else { 
 
     button.style.display = 'none'; 
 
    } 
 
    
 
    return; 
 
} 
 

 
window.addEventListener('scroll', showScrollTopButton);

哪里xyz是何时显示和隐藏的数值按钮。

来源

2017-04-13 19:12:52 roselpadilla

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

回答

相关问题