Scrollto 插件可以在单独的 div 中搜索吗?

发布于 2024-11-16 16:14:00 字数 276 浏览 3 评论 0原文

这里有一些背景信息:

我想制作一个菜单,点击链接滚动到 div 中的特定 div。 “包含我想要滚动到的div的单独div”也可以使用dragscroll插件进行拖动。因此,链接不能位于将滚动的同一个 div 中。链接菜单完全位于可拖动 div 之外。

我有两个插件可以很好地配合。 div 可以拖动滚动。但是当我单击链接时,整个页面会向下滚动一点,而不是可拖动 div 中的内容滚动。

我怎样才能缩小scrollto插件的范围,以便它只尝试在我的div内滚动?

提前致谢。

heres some background info:

I want to make a menu where clicking on a link scrolls to a specific div within a div. the 'separate div that contains the div i want to scroll to' is also draggable with the dragscroll plugin. because of this, the links cannot be in the same div that will be scrolling. the link menu is outside the draggable div completely.

I have both plugins playing nice with eachother. the div can be drag-scrolled. but when i click on a link the ENTIRE page scrolls down a little instead of the content within the draggable div scrolling.

how can i bring the scope of the scrollto plugin down so it only tries to scroll within my div?

thanks in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

猥琐帝 2024-11-23 16:14:00

我不太确定“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/

I'm not quite sure what you mean by 'dragscroll' plugin, but is this what you're after?

$(".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/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文