以下是一些背景信息:
我想创建一个菜单,点击链接滚动到div中的特定div。 '包含我要滚动到的div的'单独的div'也可以使用dragscroll插件进行拖动。因此,链接不能在滚动的同一个div中。链接菜单完全在可拖动的div之外。
我让两个插件互相玩得很好。 div可以拖动滚动。但是当我点击一个链接时,整个页面会向下滚动一点而不是可拖动的div滚动内容。
如何将scrollto插件的范围缩小,以便它只尝试在我的div中滚动?
提前感谢。
答案 0 :(得分:0)
我不太确定'dragscroll'插件你的意思,但这就是你要追求的吗?
$(".link").click(function() {
// grab the href from the link, it should correspond with the ID of the element you want to scroll to
var id = $(this).attr("href");
// tell your container to start scrolling to the element
$("#yourDraggableContainer").scrollTo($(id), 800);
// prevent default behaviour of links
return false;
});
jsFiddle:http://jsfiddle.net/Kat8t/10/