COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Прокрутка страницы к табам


simpl1k

Recommended Posts

Вот какой вопрос,  в странице товара добавил ссылки на каждый блок таба вставив в нужное мне место это 



<a onclick="$('a[href=\'#tab-description\']').trigger('click');"><?php echo $tab_description; ?></a>

при клике на ссылку становится активным нужный мне таб, далее решил прикрутить прокрутку к данному табу, делаю это так 



<script type="text/javascript">
$('a[href^="#"]').trigger('click').bind('click.smoothscroll',function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 500, 'swing', function () {
window.location.hash = target;
});
});
</script>

и вот тут небольшая загвостка, прокрутка сама работает, но  допустим мне нужно открыть характеристики, я тыкаю на ссылку с характеристиками, у меня  становится активным таб характеристики, и если я нажму еще раз на ссылку с характеристиками, то тогда срабатывает прокрутка.  То есть сначала срабатывает активация таба и если еще раз нажать то потом прокрутка, Как сделать что бы таб активировался и прокрутка происходили в один момент?  Надеюсь понятно объяснил.


Ссылка на комментарий
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу