Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Sticky footer hack快到了,有什么建议可以让我更接近吗?_Javascript_Html_Css_Sticky Footer - Fatal编程技术网

Javascript Sticky footer hack快到了,有什么建议可以让我更接近吗?

Javascript Sticky footer hack快到了,有什么建议可以让我更接近吗?,javascript,html,css,sticky-footer,Javascript,Html,Css,Sticky Footer,以下是网站: 我正在尝试改进一个带有粘性页脚的响应性设计,所以很多CSS选项我们都不兼容,而固定选项也不能满足 因为我的顶部内容(对于主页)是一个固定高度,所以通过javascript我尝试简单地将顶部边距更改为窗口高度和固定值之间的差值(当窗口高度大于固定值时)。粗野的黑客 如果您缓慢调整浏览器高度,它可以正常工作,但当您快速调整高度时,它会导致页脚稍微跳出屏幕。如果我能解决这个问题,我会没事的。有什么想法吗?我发现马修·詹姆斯·泰勒的教程非常有用。它只使用HTML和CSS对我有效。我强烈建议

以下是网站:

我正在尝试改进一个带有粘性页脚的响应性设计,所以很多CSS选项我们都不兼容,而固定选项也不能满足

因为我的顶部内容(对于主页)是一个固定高度,所以通过javascript我尝试简单地将顶部边距更改为窗口高度和固定值之间的差值(当窗口高度大于固定值时)。粗野的黑客


如果您缓慢调整浏览器高度,它可以正常工作,但当您快速调整高度时,它会导致页脚稍微跳出屏幕。如果我能解决这个问题,我会没事的。有什么想法吗?

我发现马修·詹姆斯·泰勒的教程非常有用。它只使用HTML和CSS对我有效。我强烈建议使用这种方法,而不是使用JavaScript


我不确定您到底想实现什么,但我将介绍所有已知的粘性页脚技术,或者人们(有时错误地)称之为粘性页脚的技术。让我们知道它是否对您有帮助

这可能是处理器和图形卡速度的结果。我决定采用一种混合解决方案,它依赖于绝对定位和平滑度,但使用JS来处理大多数CSS解决方案中引入的宽度问题,这要容易得多。