在FF和Chrome中的效果与预期相当,但在Safari中则不然。有一些位置变化(从固定到静态,再到固定),但我不知道Safari在定位(非移动safari)方面有任何问题。下面是我的代码:
$(function(){
var footerPos = function () {
var w = $(window).height();
var top = (w-110);
$('footer').css('top', top);
};
$(document).ready(footerPos);
我已经制作了一个菜单条,我想把它固定在页面的底部中心。我什么都试过了。有没有办法在CSS中做到这一点?我已经让菜单固定在页面的底部
底部: 0px位置:固定
但是使用
空白区: auto auto 0px auto或空白区-left: auto
似乎不在菜单的中心。它只是粘在页面的左侧。如果您有任何想法,我们将不胜感激!
我有一个元素(<button id="foo">FAQ</button>)。我有这个按钮的css,即:
#foo {
position: absolute;
bottom: 0px;/* I tried using other units */
left: 0px;/* same thing here*/
}
问题是元素在屏幕底部结束(不像我想做的那样是浏览器窗口),当你向下滚动时,它就停留在那里。我在使用谷歌铬版53.0.x。我在Microsoft上尝试过,但问题仍然存在。按钮没有父键(除了主体)。任何帮助都将不胜感激!
编辑
根据的说法,我应该能够做这样的事情:
<div style="position: fixed; bottom: 0px;">
This is a test
</div>
让它浮到屏幕的底部。
我试着在JSFiddle中输入这个片段,它的工作方式与我所期望的完全一样--文本浮到了底部。
接下来,我在JSFiddle中尝试了以下内容:
<div id="test">
<div style="position: fixed; bottom: 0px;">
This is a test