我正在嘗試使它在我處於頁面頂部時<DIV>
不可見,但每當我滾動到它時,都會彈出一個鏈接,直接返回到頁面頂部頁。使用JavaScript會更容易嗎?還是有一種方法可以只使用HTML?隱藏div直到滾動
-1
A
回答
4
那麼沒有辦法(我知道)做到這一點沒有Javascript。
假設HTML這樣的:
<button id="top">Top</button>
您可以使用下面的代碼:
$(window).scroll(function() { // when the page is scrolled run this
if($(this).scrollTop() != 0) { // if you're NOT at the top
$('#top').fadeIn("fast"); // fade in
} else { // else
$('#top').fadeOut("fast"); // fade out
}
});
$('#top').click(function() { // when the button is clicked
$('body,html').animate({scrollTop:0},500); // return to the top with a nice animation
});
您仍然可以使用「的位置是:固定」在這裏,因爲沒有知名度,用戶無法看到或點擊。
相關問題
- 1. 禁用滾動,直到DIV是隱藏在移動
- 2. 隱藏UISearchBar直到用戶滾動?
- 3. 用jQuery滾動隱藏div
- 4. 水平滾動垂直外部div和內部div但也隱藏滾動條
- 5. 滾動條 - 透明和隱形直到滾動div的移動
- 6. 滾動div內隱藏溢出div
- 7. 隱藏TableLayoutPanel中的垂直滾動條
- 8. ListView垂直滾動時隱藏圖片
- 9. 固定頭隱藏垂直滾動條
- 10. 無法隱藏垂直滾動條
- 11. 在wx.TextCtrl中隱藏垂直滾動條
- 12. 滾動到隱藏元素
- 13. 滾動到隱藏元素
- 14. 隱藏錨滾動到anchorpoint
- 15. 在隱藏overflow-x時隱藏垂直滾動條
- 16. 滾動到div的ID,堆疊後「停止」 DIV ID隱藏(不smoth滾動)
- 17. 上下滾動顯示和隱藏Div
- 18. 隱藏與AngularJS滾動的div
- 19. 向下滾動時隱藏div
- 20. 固定Div隱藏滾動條
- 21. 顯示/隱藏div窗口滾動
- 22. 更改隱藏div的滾動
- 23. HTML可滾動div隱藏標題
- 24. 隱藏一個div中的滾動條
- 25. HTML5:如何在滾動時隱藏div
- 26. 用滾動顯示/隱藏div
- 27. 滾動,如果div被溢出隱藏
- 28. 隱藏div時滾動位置丟失
- 29. 在滾動上顯示/隱藏Div
- 30. 滾動到div,使用jQuery隱藏/顯示div
看起來你想創建一個初始隱藏的「返回頂部按鈕」,並且有很多涵蓋該部分的問題/答案。 –
我已經回到頂部的鏈接,我試圖找出如何使它在滾動時可見,而不是始終可見使用位置:固定。 – Guchie
你不能用JUST HTML和CSS來做到這一點... JavaScript需要用來確定頁面已經滾動。 – rlemon