1. 首頁
  2. 問答
  3. 如何隱藏屏幕外圖像？

如何隱藏屏幕外圖像？

2016-03-31 69 views
0

我想提高我的頁面速度，並且由於頁面中的圖像而降低了頁面速度。我想這樣做是爲了當圖像不在屏幕上時，我想要隱藏該圖像或僅在屏幕上加載圖像。如何隱藏屏幕外圖像？

我已經可以檢查元素是否在屏幕外，我想知道如何在圖像離屏時隱藏圖像。

來源

2016-03-31 Buğra Gündüz

+2

我認爲，一旦圖像加載完成，任何刪除或隱藏它的代碼都可能會讓事情變得更糟，因爲您需要更多的代碼來加載/再次顯示它等等。這是一種優化應該可能（也可能是）在瀏覽器級完成 - 我期望它的渲染引擎能夠處理屏幕外的元素。 –

+0

您可以遍歷所有圖像，如果它在屏幕外，請刪除src屬性，並將值添加到data-src中，當圖像可見時（您可以使用滾動事件），您可以添加src屬性。 – jcubic

+0

http://stackoverflow.com/help/how-to-ask – StefanS

回答

相關問題

 相關問題