我的页面底部有一个页脚。当我加载页面时,没有滚动条(全屏,没有y-overflow),页脚舒适地坐在页面的底部。我的问题是,当我添加扩展页面高度的内容(需要滚动条)时,页脚停留在同一位置,而我的内容向下移动并扩展页面。我不打算使用position:fixed,因为我只想让用户看到页脚一次滚动到页面底部。下面是相关的HTML和CSS: HTML: <div id="textbox" style="top:46px;left:45px;margin-right:33px;">ASSUME THERE IS A LOT OF TEXT HERE, CAU
我试图将div (页脚)元素定位在打印页面的底部。在firefox中,这很好,div将位于打印页面的底部。
但是,在Safari中,如果浏览器窗口不是很高,页脚会向上移动打印的页面。例如:如果浏览器窗口是200 on高,那么页脚坐在打印出的大约200 on向下。如果浏览器的高度为400 is,则会将页脚400 is向下绘制。
如果可能的话,我想在Safari中获得与Firefox中相同的行为?
我为此使用的基本代码是:
<html>
<head>
<title>Print footer at bottom of a printed p
在FF和Chrome中的效果与预期相当,但在Safari中则不然。有一些位置变化(从固定到静态,再到固定),但我不知道Safari在定位(非移动safari)方面有任何问题。下面是我的代码:
$(function(){
var footerPos = function () {
var w = $(window).height();
var top = (w-110);
$('footer').css('top', top);
};
$(document).ready(footerPos);