我想打一個「滾動回頂」箭頭在我的網站,就像他們有這樣的網站上:如何使一些顯示上的某一點在網站上
http://www.tonischildersbedrijf.nl
但他們做它顯示在網站上的某個點(半路)。他們使用了什麼?
我想打一個「滾動回頂」箭頭在我的網站,就像他們有這樣的網站上:如何使一些顯示上的某一點在網站上
http://www.tonischildersbedrijf.nl
但他們做它顯示在網站上的某個點(半路)。他們使用了什麼?
你可以使用CSS或jQuery或谷歌來找出使用什麼。下面是一個快速谷歌搜索後的教程。在這裏提出問題之前,先做一點研究是個好主意。
http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery
你想跟蹤使用window.onscroll滾動的。在該方法中,您可以檢查window.scrollY屬性。如果該屬性爲0,則表示用戶位於頁面頂部。
我檢查了你放下的網站作爲參考,這裏是你的答案。這是用JS或HTML完成的。在您提供的網站中,他們使用的是HTML。這是通過選擇頁面內的元素ID來滾動到<a href=>
。例如,您可能需要在頁面
<a href="#top">Home</a>
的底部,這將送你回元素ID「頂」在這種情況下,它會在頁面的頂部。如果你發佈你的代碼,我可以爲你修改它,這樣你就可以用HTML來實現。
請在[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/position)中查看位置:固定位置和絕對位置的CSS: – mechalynx
不在瀏覽器中使用開發工具並找出? – esqew
所以你想在用戶向下滾動時顯示箭頭? window.scrollY!= 0? – harsimranb