Scrollen zum Anker mit JQuery (-xpx), Woocommerce Tabs
-
Hallo zusammen,
dadurch, dass ich einen fixierten Header habe, habe ich im Netz nach einem JQuery Snippet gesucht, welches dazu führt, dass beim Scrollen zu einem Anker auf der Seite eine bestimmte Höhe „weniger“ gescrollt wird. Dies verhindert, dass der fixierte Header dann über dem Text steht, zu dem gescrollt wurde. Ich habe folgendes gefunden und ausprobiert, klappt soweit tadellos:
$(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top-150 }, 700); return false; } } }); });
Problem ist nun aber, dass die Tabs der Woocommerce Produkte nicht mehr geöffnet werden. Habt Ihr eine Idee, wie der Code angepasst werden müsste, damit die Tabs weiterhin funktionieren? JS ist leider nicht so ganz meins…
Danke Euch!
Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
- Das Thema „Scrollen zum Anker mit JQuery (-xpx), Woocommerce Tabs“ ist für neue Antworten geschlossen.