JQuery UI sekmeleri en son sürümünü kullanıyorum. Sekmeler sayfanın altına doğru yerleştirilmiş.

Ne zaman bir sekmesini tıklayın, ekranın üstüne doğru atlar.

Nasıl bunu önlemek miyim?

Örnek:

http://5bosses.com/examples/tabs/sample_tabs.html

Eğer sekme geçişleri (örn. animasyon iseniz .tabs({ fx: { opacity: 'toggle' } });), sonra şöyle oldu:

Çoğu durumda, atlama aşağıdaki tarayıcı neden değildir '#' link. Bu sayfa atlar çünkü orta animasyonu arasındaki iki sekme bölmeleri, her iki sekme bölmeleri tamamen saydam ve gizli (display: none), etkili yükseklik bütün sekmeli bölüm olur hemen sıfır.

Ve eğer bir sıfır-yükseklik sekmeli bölüm neden sayfa için daha kısa, daha sonra sayfa belirecektir Yukarı atlamak için telafi etmek, zaman içinde bu gerçeklik sadece boyutlandırma için uygun (an) kısa içerik. Mantıklı mı?

Bunu düzeltmenin en iyi yolu sekmeli bölüm için sabit bir yükseklik ayarlamak için. Eğer bu istenmeyen bir sekme içerik yüksekliği değiştiğinden () ise, o zaman onun yerine bunu kullanın:

jQuery('#tabs').tabs({
	fx: { opacity: 'toggle' },
	select: function(event, ui) {
		jQuery(this).css('height', jQuery(this).height());
		jQuery(this).css('overflow', 'hidden');
	},
	show: function(event, ui) {
		jQuery(this).css('height', 'auto');
		jQuery(this).css('overflow', 'visible');
	}
});

Sekme geçiş önce bölmenin hesaplanan yüksekliği ayarlayın. Yeni sekme ortaya çıkmıştır bir kere, yükseklik ayarlı geri döndü ''. oto Taşma '' bir uzun bir kısa bir sekme gidip gelirken bölmesi kesiliyor içerik önlemek için. gizli ayarlanır

Bu benim için çalıştı. Bu yardımcı olur umarım.