在iOS5的移動Safari瀏覽器中丟失固定導航的焦點

我正在優化移動Safari（iPad 2和iPhone 4）的客戶端網站，並遇到使用靜態菜單的問題。我已閱讀了最新發布的iOS 5，即位置：fixed;移動Safari瀏覽器現支持。但是，當點擊頂部導航菜單中的任何導航鏈接時，我將失去對整個菜單的注意力，直到用戶再次手動滾動頁面爲止。我正在使用jQuery .ScrollTo和.localScroll插件的組合來實現平滑的滾動效果，而導航菜單在頁面頂部保持固定。在iOS5的移動Safari瀏覽器中丟失固定導航的焦點

鏈接被點擊並且滾動動畫完成後，是否有簡單的方法來重新獲得導航菜單的焦點？

要查看問題，請訪問下面列出的網址。請在運行iOS 5的iPhone或iPad上測試以獲得解釋結果。

http://www.go2mktg.com

與這個bug任何幫助，將不勝感激。提前致謝！

來源

2011-11-07 negrelja

您發佈的網站似乎現在正常工作。你介意分享你的解決方案嗎？謝謝 – xon1c

@ xon1c。我查看了@ negrelja的頁面，並看到了一些插件（http://www.go2mktg.com/js/iscroll.js，具體而言），它似乎解決了這個問題，但我發現了一種不同的解決方案，在身體高度上添加1px 。我還沒有看到任何頁面跳轉的問題，因爲除非您的手指移動文檔，否則滾動條不可見。

我在我正在使用的平滑滾動插件中的完成回調函數內運行下面的代碼。（庫是jQuery，在iPad iOs5上測試）

var newBodyHeight = $('body').height() + 1; 

    $('body').css({ 
     height: newBodyHeight 
    });

來源

2012-01-17 23:25:23

在iOS5的移動Safari瀏覽器中丟失固定導航的焦點

回答

相關問題