创建滚动后显示的div,永久保留在页面底部

Question

我正在尝试创建一个"返回顶部"的图像,它需要粘贴在页面的右下角.

我用图像创建了div,但我不知道将它永久保留在页面底部的最佳方法是什么.最好使用绝对定位吗？

另外,我希望div仅在用户滚动超过某个点时显示,并且淡入(或类似的东西？)

我在网上看了但找不到任何我想要的东西.我试过简单地让div坚持到底部但是我一直在使用的教程展示了如何创建页脚,而不仅仅是一个小图形,所以它不能正常工作.

这方面的最佳做法是什么？任何帮助赞赏!

Answer 1

这个怎么样:

http://jsfiddle.net/uRN64/1

HTML

<div id="log" style='display:none; position:fixed; bottom:0px; right:0px; width:200px background-color:red;'>Back To Top</div>

<div style='height:1200px; background-color:orange'>Try Scrolling me</div>?

JS

$(function(){
    $(window).scroll(function() {              
      $('#log').toggle($(document).scrollTop() > 100);
    });
})
?

淡出:

改变:$('#log').toggle($(document).scrollTop() > 100);到

$(document).scrollTop() > 100 ? $('#log:hidden').fadeIn() : $('#log:visible').fadeOut();