[英]jQuery Scroll with 100% height body
我試圖在窗口使用以下代碼滾動時觸發jQuery函數:
$(window).scroll(function(){
但是,當我設置100%的身高(在網站上格式化所需)時,滾動功能不會觸發。 正文高度設置為100%,以便背景圖像填充整個瀏覽器窗口。
有什么方法可以讓我在滾動時觸發滾動功能,或者一個替代功能或替代代碼讓背景圖像拉伸整個頁面?
謝謝
編輯(我的解決方案):
這是一個奇怪的問題,因為它有嚴格的條件 - 即身體高度,以及我玩的其他編碼。
但是我發現我有
overflow:auto;
設置在正文內部的父div上。
解決方案是去除溢出並添加一個
position:relative;
圍繞所有內容的div。
這可能不適用於其他任何人,但我認為我只是想發布解決方案!
謝謝你的幫助!
干杯亞歷克斯
您可以像這樣指定背景大小:
body{
background-image: url('http://images.google.com/intl/en_ALL/images/srpr/logo11w.png');
background-size:100%;
background-repeat:no-repeat;
}
它將填滿整個瀏覽器窗口
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.