2017-07-02 5 views
-2

私は自分のサイト全体でうまく動作するうまく動作する 'scrolltop'スクリプトを持っています。JavaScript関数をOnload関数に変換する

ただし、 'ボタン'機能のスクリプトです。

場合によっては、このスクリプトをボタン関数から 'onload'関数に実行する必要があります。

私はスクリプトを変換できるほど十分ではありません。もし誰かがそれをどうやって行うのかアドバイスできれば、大変感謝しています。私はあなたが機能topFunction()ページがロードを実行することを意図している場合、完全にはわからない

<button onclick="topFunction()" id="myBtn"><span class="BtnText">Page Top<span></button> 

    <script> 
    window.onscroll = function() {scrollFunction()}; function scrollFunction() { 
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {document.getElementById("myBtn").style.display = "block";} 
    else {document.getElementById("myBtn").style.display = "none";}} 
    function topFunction() {document.body.scrollTop = 0; document.documentElement.scrollTop = 0;} 
    </script> 
+0

読むタグの説明:JavaとJavaScriptは2つの全く異なる言語です。 – BackSlash

+0

バックスラッシュを批判していただきありがとうございます。問題に関する知識はありますか? –

+0

"onload"とはどういう意味ですか? 「場合によっては」とはどういう意味ですか? – quirimmo

答えて

0

:ここ

は(ボタン機能)スクリプトです。

しかし、その場合は:それらを使用する前に

<script> 
window.onload = function() { 
    topFunction(); 
} 
window.onscroll = function() { 
    scrollFunction() 
}; 
function scrollFunction() { 
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { 
    document.getElementById("myBtn").style.display = "block"; 
    } 
    else { 
    document.getElementById("myBtn").style.display = "none"; 
    } 
} 
function topFunction() { 
    document.body.scrollTop = 0; 
    document.documentElement.scrollTop = 0; 
} 
</script> 
+0

それはまさに私が意味していたものです。そしてありがとう。 –

+0

あなたは大歓迎です。 :) –

+0

私は今それを打つつもりだ、そして、それが行った方法を知らせてください。スクリプトを短くしてボタンの部分を削除する方法があれば、私は思っていました。しかし、私はあなたがそれを編集して、その効果があるかどうかを見てみるつもりです。 –

関連する問題