我正在尝试使它在我处于页面顶部时<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