经过几天的谷歌搜索回答,我希望有一些天才能够帮助我解决这个棘手的问题。 总的来说,我想要实现的是一个1页的网站,它有一个非常大的bg图像,使用jquery在每个div之间滚动(实际上与'page'相同,设置为100%高度)。
我的问题是......
我有一张身体背景图片,大约是5000像素高。
我有3个div,我希望每个div都是浏览器窗口的100%高度。
因此,当从div滚动到div时,身体bg位于下方。
我无法将BODY设置为100%高度,因为这样只会将我的bg图像“切断”到浏览器高度。
我需要保持我的bg图像全长。
有没有办法实现这个?我在某处读到你可以为你的BODY元素设置一个ID,但我不确定这对我想要实现的目标是否有效?
我知道有一个人有答案:)
Mush赞赏
答案 0 :(得分:0)
我现在看到了你的示例代码,我想我发现了问题。 您忘记将html标记的高度设置为100%,这会导致您的问题。试着这样做:
html, body { height: 100%; }
我在这里做了一个jsFiddle演示:http://jsfiddle.net/Allan/Vx9dC/