我有一个硬编码高度的滚动容器:滚动元素到视图中滚动容器
.scrollingContainer {
overflow: scroll;
height: 400px;
}
此滚动容器中包含的项目列表,当我点击的项目我要滚动的容器,点击的项目位于滚动容器的顶部。
$('.scrollingContainer li a').click(function(event) {
var vpHeight = $('.scrollingContainer').height();
var offset = $(this).offset();
$('.scrollingContainer').animate({
scrollTop: vpHeight - offset.top
}, 500);
});
上面是我目前所遇到的,我遇到了我需要执行的数学计算的问题。另外我认为var offset
值是不正确的,因为它似乎从页面顶部获得偏移量,我希望根据它在滚动容器中的位置获取偏移值。
任何帮助表示赞赏!
这里有一个小提琴。它是否证明了这个问题?它似乎工作。 http://jsfiddle.net/isherwood/LqQGR – isherwood
是的,问题是我并不真正控制它滚动到什么位置。另外,如果我点击两次,它会滚动两次,而不是坚持以前滚动到的位置。 – CLiown
这个问题没有解决? – isherwood