我正在创建一个通过外部 javascript 文件加载的工具栏小部件。工具栏 float 在屏幕底部,效果很好,但屏幕底部的内容被遮盖了(如图 A 所示)。图B是我的目标。
工具栏应始终可见,固定在屏幕底部。如果页面需要滚动,内容将在其下方流动,直到滚动到底部时全部可见,这样任何长度的页面都不会被遮盖。
我的第一个想法是将底部边距设置为 30 像素(工具栏高度),但由于大多数设计此设置的网站都设置为使用全屏(将主体高度设置为 100%),因此这不会总是工作。将 body scrollHeight 减小 30px 可以解决此问题,但前提是页面不需要滚动(有时需要)。
JSFiddle 示例:http://jsfiddle.net/ZbMDr/1/
最佳答案
这个例子对你有用吗? http://limpid.nl/lab/css/fixed/footer
关于javascript - 使用 Javascript 在页面底部为工具栏小部件创建一个空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8585321/