0
嗨!
我要爲公司創造一個網站是我的工作:)WordPress單頁導航和jQuery滾動
我的問題:
我創建http://webl.eu/wordpress/與WordPress,這是從「二十十三」子主題。
我想使用戶滾動到相應的元素時導航li或更改。我發現這個腳本:
(function($){
var sections = [];
var id = false;
var $navbar = $('#navigation_desktop .navigation');
var $navbara = $('a', $navbar);
$navbara.click(function(e){
e.preventDefault();
$('html, body').animate({
scrollTop: $($(this).attr('href')).offset().top - $navbar.height()
});
hash($(this).attr('href'));
});
$navbara.each(function(){
sections.push($($(this).attr('href'))); // !!!erreur ici!!!
});
console.log(sections);
$(window).scroll(function(e){
var scrollTop = $(this).scrollTop() + ($(window).height()/2)
for(var i in sections){
var section = sections[i];
if (scrollTop > section.offset().top) { // !!!erreur ici!!!
scrolled_id = section.attr('id');
}
}
if (scrolled_id !== id) {
id = scrolled_id
$navbara.removeClass('current');
$('a[href="#' + id + '"]', $navbar).addClass('current');
}
});
})(jQuery);
hash = function(h) {
if (history.pushState) {
history.pushState(null, null, h);
}else{
location.hash = h;
}
}
我認爲它應該工作...但它不會:(
感謝,
嘗試了jQuery插件航點http://imakewebthings.com/jquery-waypoints/ –