Здравствуйте, нужна помощь. Есть контейнер с максимальной высотой, в нем список . При клике на ссылку в списке раскрывается блок с текстом и прокручивается к верху контейнера. Если открыть/закрыть блок и открыть другой все ок. Но как сделать что бы прокрутка адекватно срабатывала тогда, когда в списке есть другой открытый блок. Т.е. открываем один блок, кликаем по другому, закрытому, открытый автоматом закрывается, нужный открывается, но прокрутка получается кривая.
$(function() { $.fn.initTooltip = function () {
$(this).click(function () {
var tolltip = $(this).next('div'); var container = $(this).closest('.b-assistance__body-inner'); var position = $(this).closest('.b-tooltip').position().top;
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
sidoroff
Здравствуйте, нужна помощь. Есть контейнер с максимальной высотой, в нем список . При клике на ссылку в списке раскрывается блок с текстом и прокручивается к верху контейнера. Если открыть/закрыть блок и открыть другой все ок. Но как сделать что бы прокрутка адекватно срабатывала тогда, когда в списке есть другой открытый блок. Т.е. открываем один блок, кликаем по другому, закрытому, открытый автоматом закрывается, нужный открывается, но прокрутка получается кривая.
$(function() {
$.fn.initTooltip = function () {
$(this).click(function () {
var tolltip = $(this).next('div');
var container = $(this).closest('.b-assistance__body-inner');
var position = $(this).closest('.b-tooltip').position().top;
if (tolltip.hasClass('activ') == true) {
tolltip.slideToggle('fast');
tolltip.removeClass('activ');
container.animate({ scrollTop: '-=' + position }, 300);
}
else {
$('.b-tooltip .activ').slideToggle("fast");
$('.b-tooltip .activ').removeClass("activ");
tolltip.slideToggle('fast');
tolltip.addClass('activ');
container.animate({ scrollTop: '+=' + position }, 300);
};
});
};
$('.b-tooltip__name').initTooltip();
});
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.