Не получается сделать прокрутку к якорям
Здравствуйте! Я конечно не большой (мягко выражаясь) специалист по js, но такие мелочи, как скролинг из меню до якоря раньше всегда получалось сделать, а тут какой-то полный тупик:
сайт joomla http://xn--62-6kcaj2cwaftr8h.xn--p1ai/ функция: $(function() { $('a.nav').click(function() { $(".t3-wrapper").animate({ scrollTop: $($(this).attr('href')).offset().top + "px" }, { duration: 500 }); return false; }); код ссылки: <a class="nav" href="#bottom_mainbody_1" data-target="#">Аренда автокрана</a> Помогите пожалуйста. |
Цитата:
|
Igorsrt,
а зачем тут js? можно же просто https://jsfiddle.net/fweycbt1/ |
спасибо Рони. Как всегда спасли )))
|
Igorsrt,
1 и ей соотвественная строки в вашем случае не нужны. |
не очень понял, что именно не нужно и как должна выглядеть функция правильно... может еще подскажите, как сделать что бы эта прокрутка работала со всех страниц - а то, если я меняю ссылку с #bottom_mainbody_1 на http://xn--62-6kcaj2cwaftr8h.xn--p1a...tom_mainbody_1 - то работать перестает прокрутка ?
|
Igorsrt,
bt_construction/js/script.js jQuery(document).ready(function($){ $(window).resize(function(){ var highestBox = 0; $('.footerBlock_module .t3-spotlight.t3-footnav > div').each(function(){ if ($(window).width() > 767){ if($(this).height() > highestBox){ highestBox = $(this).height(); } $(this).height(highestBox); } else { $(this).css('height','auto'); } }); }); setTimeout(function(){$(window).trigger('resize')}, 300); $('a.nav').click(function() { $("html, body").animate({ scrollTop: $($(this).attr('href')).offset().top + "px" }, { duration: 500 }); return false; }); }); |
сорри, пока не пойму в чем разница... )
|
а нет понял... еще бы сделать, что бы можно было переходить по ссылке с любой страницы с прокруткой, а не только на главной... и еще в слайдере на кнопках тоже прокрутка не работает, почему-то... (
|
Igorsrt,
всё что мог, выше. |
Часовой пояс GMT +3, время: 13:12. |