2014-09-22 5 views
0

У меня проблемы с парнями, где у меня есть сайт с одной страницей, с высотой 100% элементов (так что он подходит для складки), и у меня около 4 из этих разделов сложены. Существует навигатор с якорями, которые ссылаются на соответствующие разделы. Я хочу, чтобы они сглаживали прокрутку, но по какой-то причине offset(). Top возвращает 0 независимо от элемента ... Есть ли способ сгладить их прокрутку? Я пробовал 3 разных библиотеки, все равно результат. В качестве побочного примечания, оптимизация по-прежнему должна соответствовать.ScrollTop с высотой 100% элементов

Живая версия: http://jackaroocaravans.com.au/new/

+0

Это очень поможет, если вы разместили свой код ... – AlliterativeAlice

+0

@AlliterativeAlice Пожалуйста, проверьте предоставленную ссылку, поскольку база кода проста слишком велика для публикации. –

+0

Почти невозможно увидеть, что вы сделали из-за мини-кода. Мы не собираемся тралить код на это. Пожалуйста, вытащите методы, которые вы используете для прокрутки. – Papa

ответ

1

Следующий код прекрасно работает для меня на странице (например, для прокрутки к внутренней секции)

jQuery('html, body').animate({ 
    scrollTop: jQuery("#interior").offset().top 
}, 1000); 

Чтобы связать якорь тега клики события:

jQuery('a[href^="#"]').click(function (e) { 
    e.preventDefault(); 
    jQuery('html, body').animate({ 
     scrollTop: jQuery(jQuery(this).attr('href')).offset().top 
    }, 1000); 
    return false; 
}); 
+0

Будет ли это требовать от меня обернуть всю страницу в #interior div? –

+0

@MaraisRossouw No. Этот код предназначен для прокрутки к уже существующему '

' – AlliterativeAlice

+0

Правильно, поэтому просто с простым $ (a [href^= "#"]) каждый (функция () {..}); Я могу заставить все эти ссылки работать да? –

Смежные вопросы