только свиток прокрутки только один элемент

Я новичок во всем этом, но я просто пытаюсь сделать свой сайт так, когда вы нажимаете время дня (ссылку), которое коррелирует с изображением, оно гладкими свитками это изображение. Моя проблема в том, что когда я это делаю, каждая ссылка прокручивается до одного и того же изображения.только свиток прокрутки только один элемент

Javascript

$(function(){ 
$('body').css({marginTop: $('ul').height()}); 
$('.scroller-link').click(function(e){ 
    e.preventDefault(); 
    id = $(this).attr('href').replace('#', ''); 
    $('html,body').animate({scrollTop: $("#"+id).offset().top-$(this).closest('ul').height()},'slow'); 
});

HTML

<Body> 
    <ul> 
<a href="#1" class="scroller-link">9AM</a> 
<a href="#2" class="scroller-link">11AM</a> 
    </ul> 

    <div id="1"> 
    <a> <img src="images/9am.jpg" /></a> 
    </div> 
    <div id="2"> 
    <a> <img src="images/11am.jpg" /></a> 
    </div>

Другими словами, когда я нажимаю "11AM" ссылку, он все равно идет в 9AM изображения.

благодарит заранее!

источник

2013-11-20 user3011351

Вы пробовали какую-либо библиотеку? – lborgav

Как в jquery? Приношу свои извинения, просто очень новые для всего этого. Спасибо за ответ! – user3011351

Вам не нужно изобретать велосипед. Вы можете использовать такие микробиблиотеки, как этот: ScrollIt

источник

2013-11-20 21:27:49 lborgav

спасибо тонну! это отлично работает – user3011351

только свиток прокрутки только один элемент

ответ

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