Прокрутите до горизонтальной цели с помощью jQuery ⇐ Jquery

[Anonymous]

Пытаемся произвести революцию в мире каруселей, создав что-то очень простое и семантическое, которое просто работает с якорными ссылками. В основном это работает, но вместо плавной прокрутки происходит переход к href. Что я здесь делаю не так:

$(document).ready(function(){
$("nav a").click(function(){
var $carousel = $('.carousel');
var scrollTo = $(this).attr('href');
// change its bg
.css('background', '#9f3')
// retrieve its position relative to its parent
.position().left;
console.log(scrollTo);
// simply update the scroll of the carousel
// $('.carousel').scrollLeft(scrollTo);
// use an animation to scroll to the destination
$carousel
.animate({'scrollLeft': scrollTo}, 500);
});
});



.carousel {
width: 300px;
height: 100px;
overflow-x: auto;
overflow-y: hidden;
}
.frame {
position: relative;
height: 100px;
width: 770px;
}
.frame div {
height: 90px;
width: 60px;
float: left;
margin: 5px;
background: #39f;
}








1
6



Подробнее здесь: https://stackoverflow.com/questions/786 ... ith-jquery