我想要一个小的 div 固定在浏览器的右下角。这是我通过这样做完成的:
#div {
position: fixed;
bottom: 10px;
right: 10px;
}
但是我有一个页脚,比如高度:200 像素;。我想要的是,当您向下滚动页面时,div 停留在右下角,但是当页脚在页面底部弹出时,我希望页脚将其向上推,这样它就不会出现在前面页脚。
我希望我说清楚了......
最佳答案
我花了一段时间,但我想我得到了你的答案:)
您应该通过在添加 css 文件的行下方添加此行来将 JQuery 添加到您的 HTML:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
然后创建一个文件 scrollBottom.js(javascript 文件),并像这样添加它:
<script src="scrollBottom.js" type="text/javascript"></script>
在该文件中添加以下代码(已编辑:应添加 document.ready):
$(document).ready(function() {
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height()-200) {
$('#div').css('bottom', $(window).scrollTop()-2360);
}
else
{
$('#div').css('bottom', '10px');
}
});
});
关于css - 将 div 粘贴到右下角,但始终位于页脚上方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12571316/