Mobile Safari 中的固定定位:綜合指南
Mobile Safari 中的固定定位:綜合指南
在Mobile Safari 中實現元素相對於視窗的固定定位可能具有挑戰性。儘管人們普遍認為「位置:固定」在 Mobile Safari 中不起作用,但 Gmail 引入了一種創新的解決方案,它提供了非常接近真正的固定定位的功能。 解決此問題的一種方法是利用 JavaScript檢測即時滾動事件。這允許您在頁面捲動時動態調整元素的位置。window.onscroll = function() { var fixedDiv = document.getElementById('fixedDiv'); fixedDiv.style.top = (window.pageYOffset window.innerHeight - 25) 'px'; };要實作捲動到頁面底部的固定位置 div,您可以實作一個簡單的 JavaScript 腳本:window.onscroll = function() { varfixedDiv = document.getElementById('fixedDiv'); fixedDiv.style.top = (window.pageYOffset window.innerHeight - 25) 'px'; };
透過根據頁面的偏移量和高度調整「fixedDiv」元素的「top」屬性,當使用者捲動時,div 將保持其在視窗底部的位置。 「25」調整可確保 div 稍微偏離螢幕底部,以獲得最佳觀賞效果。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3