2016-10-08 5 views
0

Im пытается установить div, который я хочу прокрутить, когда я нажимаю div в моем меню. Проблема в том, что прокрутка к div не прокручивается до div, который у меня есть в моем коде, он всегда прокручивает что-то еще на моей странице, странно. Im, используя код ниже:Как сгладить прокрутку до div id?

$(".dns-anchor").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#dns-scroll").offset().top 
    }, 2000); 
}); 

ID # ДНС для прокрутки является ДИВ, что я хочу, чтобы перейти к.

+0

Немного больше кода будет полезно, особенно HTML, которые вы используете. – Dez

+0

Он отлично работает для меня. (https://jsfiddle.net/og45xxe0/1/) – user3722860

+0

У вас может быть больше элементов с id 'dns-scroll', потому что тогда он перейдет к первому, который я предполагаю. Можете ли вы отправить весь код? – user3722860

ответ

0
$(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 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
}); 

или

$("#button").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#myDiv").offset().top 
    }, 2000); 
}); 

Пожалуйста, проверьте эту ссылку: - Smooth scroll to div id jQuery

+1

Ваш второй пример точно так же, как в вопросе. – paolo

Смежные вопросы