如何將元素放置在距瀏覽器頂部固定距離的位置？

我想定位一個元素，使它始終與瀏覽器頂部保持一定的距離，以便即使用戶向下滾動，圖像始終與屏幕頂部的距離相同。我該怎麼做呢？如何將元素放置在距瀏覽器頂部固定距離的位置？

2011-05-27 user773804

這裏沒有需要jQuery。純CSS就足夠了：

#element { 
    position: fixed; 
    top: 100px; 
}

但是，如果你堅持一個jQuery的解決方案，下面的代碼將通過jQuery的CSS：

$('#element').css({'position': 'fixed', 'top': '100px'});

來源

2011-05-27 22:51:39 Blender

這是正確的答案 - 但要知道，這是不行的正如你在移動Safari（iPhone，iPad，iPod），Android手機（任何Android手機或平板電腦）或IE6（儘管原因完全不同）中所描述的那樣。如果這是一個問題，我可以挖掘一些資源 - 只要問問！ – Beejamin 2011-05-28 01:31:55

對，那*會*要求JS。不知道爲什麼他們不支持它...... – Blender 2011-05-28 01:46:13

IE6不支持它，因爲它是一個古老而笨拙的白癡。移動瀏覽器使用不同的滾動方法（你本質上是在頁面周圍移動一個查看「框架」，而不是滾動頁面本身。從技術上講，這是正確的 - 元素固定在頁面上。將元素固定到查看框架http://cubiq.org/follow-along-floating-layer是一個很好的解決方法。 – Beejamin 2011-05-28 01:58:33

如何將元素放置在距瀏覽器頂部固定距離的位置？

回答

相關問題