アプリケーションでスクロールバーを検出する方法は？

Question

私はスクリーンから外れるテーブルを表示するSAPUI5アプリケーションを持っています。ユーザーがクリックしてトップに戻るためのボタンがあります。問題は、ボタンが不要な場合でも常に表示されることです。私はテーブルが画面から外れたときにそれを表示したいだけです。私はこれに対する解決策を探してきましたが、これまでに何も働いていませんでした。ここで

は私のボタンが私のXMLビューに定義されている

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

、その後、私は、この私が、私はjqueryのを使用したさまざまなソリューションを試してみた

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

私のビューの上部に定義されているが、これまでのところ何も働いていません。私はこのようなものが動作すると思った。

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

しかし、これらの値を見るとボディの高さとウィンドウの高さは同じです。何か案は？

Answer 1

あなたのボタンは、スタイルやJavaScriptを使用して非表示にする必要があります。この場合、display: noneを使用して、ユーザーが一定量をスクロールしたときに表示すると仮定します。

element.scrollTopおよびelement.scrollLeftには、要素のオフセット量が表示されます。

あなたは体はあなたが行うことができ、一定量スクロールされた場合にのみ、何かを表示したい場合：xyzが表示され、非表示にする場合の数値です

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);

をボタン。