Jquery Portlet水平滚动问题

发布于 2024-10-25 08:26:05 字数 266 浏览 3 评论 0原文

使用可排序 portlet 拖动项目时如何防止水平滚动？目前，当您拖动项目时，您可以不受任何限制地向右滚动，如演示中所示： http: //jqueryui.com/demos/sortable/#portlets

编辑：我刚刚注意到，当您垂直拖动元素时，会发生同样的事情，它会永远持续下去。有什么办法可以为滚动添加某种边界吗？

谢谢。

原文

分享到QQ

分享到微博

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

发布评论

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

绮烟 2024-11-01 08:26:05

使用

轴：“y”

//Example
$(function() {
    $(setSelector).sortable({
        axis: "y",
        cursor: "move",
        opacity: 0.5,
    });
});

Use

axis: "y"

//Example
$(function() {
    $(setSelector).sortable({
        axis: "y",
        cursor: "move",
        opacity: 0.5,
    });
});

回复收藏 0 原文

翻了热茶 2024-11-01 08:26:05

我从未使用过可排序，但我编写了代码来限制滚动到某个区域，所以也许您可以看一下这段代码并弄清楚该怎么做。

scroll_position = $(window).scrollTop();

$(window).scroll(function () {

if($(window).scrollTop() < scroll_position) {
   // code to cancel sort
}

});

对于水平滚动，请查看 http://api.jquery.com/scrollLeft/

I've never used sortable, but I've written code to restrict scrolling to a certain area so maybe you can take a look at this code and figure out what to do.

scroll_position = $(window).scrollTop();

$(window).scroll(function () {

if($(window).scrollTop() < scroll_position) {
   // code to cancel sort
}

});

For horizontal scrolling, look at http://api.jquery.com/scrollLeft/

回复收藏 0 原文

内心荒芜 2024-11-01 08:26:05

您可以使用containment（链接到API）。您可以编写如下内容：

$(selector).sortable({
    containment: 'body'
})

这会将您的 portlet 锁定在 body 元素中。您还可以使用选择器或其他特殊单词来选择将 portlet 锁定到的内容。只需确保包含元素在显示时具有高度即可。

You can use containment (Link to the API). You can write something like this:

$(selector).sortable({
    containment: 'body'
})

This will lock your portlets in the body element. You can also use selectors or other special words to choose what the portlets are locked into. Just make sure that the containment elements have a height when they're displayed.

回复收藏 0 原文

~没有更多了~