HTML背景固定位置

我現在有一個背景定格在我身上的標籤HTML背景固定位置

body 
{ 
background-image: url("http://i.imgur.com/t3bikz8.jpg"); 
-webkit-background-size: cover; 
-moz-background-size: cover; 
background-size: cover; 
background-attachment: fixed; 
}

，我也使用「smoothscroll」功能，我希望有人能幫助我走出2個查詢我有..

1）如何讓我的背景圖片在加載時只停留在頁面的頂部，因此當您滾動時它不會跟着你。 2）其次，我希望用戶不能開始滾動，除非他們在我的主要啓動頁面上點擊了我的4個可用按鈕之一。（我的機器人肯定是相關的背景或者沒有這個命令，對不起，如果它不是）

感謝

希望它將會像這樣的背景下

http://www.andreagalanti.it/flatfy/

來源

2015-03-02 BIS UCC

適合您使用的背景圖片封面，它將覆蓋整個屏幕大小。而且您正在使用固定附件，這也會使其出現在每個卷軸上。這很好。我想你想要的是每個卷軸的不同背景圖像？這可能需要一些JavaScript來清除圖像。 – floor 2015-03-02 20:21:10

我很確定你不能取消或禁用滾動事件，我所看到的人做的是禁用鼠標滾動和箭頭鍵滾動事件。但更好的方法是不給用戶任何東西滾動，直到有一個「按鈕」被點擊。您可以通過將佈局設置爲100％高度，並且不顯示任何要隱藏的額外內容，並隨着用戶進度更改每個佈局高度並使用顯示塊或其他內容。只是想法。 – floor 2015-03-02 20:25:57

創建一個div，並設置它的寬度/高度爲100％，並在div中設置背景圖像，因此當您向下滾動時div會上升。

我不知道它是否會按照你想要的方式工作，但你可以嘗試這個當你的頁面加載可見的內容，而不需要滾動將其設置爲固定位置，並且當用戶點擊按鈕，然後將其位置更改爲相對/絕對與JavaScript。希望工程！

來源

2015-03-02 20:22:59

嘗試將overflow:hidden添加到樣式可以解決您的問題。

來源

2015-03-02 20:27:38 ab07

HTML背景固定位置

回答

相關問題