jquery.ScrollTo不是iphone ipad公司也

這裏正常工作的一個網頁：http://kafe.zum.kz jquery.ScrollTo不是iphone ipad公司也

我使用最新版本的jquery.ScrollTo.min.js的。但是，它在iPhone 5和最新的iPad上都無法正常工作。

你會看到在頂部的菜單：

enter image description here

當您單擊如在「КОНТАКТЫ」上，它會向下滾動到與id="contacts" div，但是當你點擊「КОНТАКТЫ」到「НАШЕМЕНЮ」後，它首先進入頁面的最頂部，然後它與id="menu"一起進入div。這種行爲只在iphone上遇到，在android或windows上很好。

它應該像這樣工作：點擊「КОНТАКТЫ」它可以滾動到這個部分，然後在這個部分點擊「НАШЕМЕНЮ」它只是向上滾動到「НАШЕМЕНЮ」部分。

這裏是我的JS：

// main menu scroll to section 
var boks = ['.menu-469', '.menu-471', '.menu-470', '.menu-472', '.menu-473', '.menu-474', '.menu-475', '.menu-476', '.menu-477']; 
var element = ['#about', '#zum-slider', '#afisha', '#photos', '#zumenu', '#hotdeals', '#partners', '#karta', '#contacts']; 

for (var i = 0; i < 9; i++) { 
    (function(i) { 
     $('#main-menu li' + boks[i]).click(function() { 
      $(window).scrollTo($(element[i]), 800); 
      //alert(element[i]); 
     }); 
    }(i)); 
}

希望對你有所幫助球員。提前致謝。

UPDATE1。找到答案在：iPad Flicker on auto scroll using JQuery and Scrollto plugin

要試一試。

來源

2014-02-12 Heihachi

我曾經使用'scroller_id.scrollTo（0,0）;'在android和ios中均可正常工作。 –

你的意思是你已經使用了相同的庫jquery.ScrollTo，它在兩個操作系統中工作正常？你是否在IOS中檢查了我的網頁以查看該行爲？ – Heihachi

現在沒有mac或iphone。但是，是的，scrollTo在ios中爲我工作得很好。 –

您應該在您的選項對象中包含{axis: 'y'}。還要確保你沒有啓用中斷選項。你可以用{interrupt: false}進行測試。

來源

2015-04-22 15:15:32

jquery.ScrollTo不是iphone ipad公司也

回答

相關問題