如何移动一个小部件作为访客滚动到帖子？

Question

我在wordpress博客上有一个分享后的小部件。

.post-share { 
    width: 80px; padding: 10px 0px; padding-bottom: 0; background: #ffffff; border: 1px solid #CCC; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
    text-align: center; 
    position: absolute; 
    top: 680px; 
    left: auto; 
    z-index: 99; 
    margin-left: -120px; 
} 

检查此页（http://www.linuxstall.com/linux-file-permissions-chmod/）。职位是absolute。所以当访问者向下滚动到页面时，它就消失了。当我将位置更改为“固定”时。用户必须在他的浏览器上打开“全屏”来查看完整的小部件（实际上小部件很长）。我希望它是绝对的，但我希望它应该随着访问者滚动页面而向下移动。我该怎么做？

Answer 1

“简单”的方法是改变你的CSS只是一点点。只需更换

position: absolute; 
top: 680px; 

与

positiion: fixed; 
bottom: 10px; 

至极将在屏幕的底部，让你的小部件完全可见的（直到用户在运行640×480），并在位置而留在用户向下滚动。

如果您希望在打开网站时小部件只有一半可见，但在用户开始滚动时保持在视口顶部可见，则需要一些javascript（在我看来，应该避免使用if可能）。