我正在寻找一个解决方案,用于解决将一个固定对象停留在页面底部的常见问题。
我有一个固定的“分享”框,位于屏幕左下角,我不希望它滚动到页脚上方,因此我需要它停留在页脚大约10px
的位置。
我查看了其他类似的问题,并尝试了一些方法。目前我找到的最接近/最简单的样例是http://jsfiddle.net/bryanjamesross/VtPcm/ 但是我无法使其适用于我的情况。
这是分享框的HTML:
<div id="social-float">
<div class="sf-twitter">
...
</div>
<div class="sf-facebook">
...
</div>
<div class="sf-plusone">
...
</div>
</div>
...还有CSS:
#social-float{
position: fixed;
bottom: 10px;
left: 10px;
width: 55px;
padding: 10px 5px;
text-align: center;
background-color: #fff;
border: 5px solid #ccd0d5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: none;
}