2015-10-14 92 views
0

我有一個包含大約20個項目的列表,並且我使用JqueryUI可排序來通過拖放功能對它們進行排序, 它可以在IE瀏覽器上運行良好,但在Chrome上運行時,頁面滾動反過來,下降, 我使用Twitter Bootstrap造型。 我想知道,如果任何機構也有類似的問題 我的代碼如下:Chrome上的JQueryUI可排序問題

<script> 
    $(function() { 
     $("#sortable").sortable({ 
      update: function (event, ui) { 
      }}); 
     $("#sortable").disableSelection(); 

    }); 
</script> 

和我的列表使用UL和李標籤

+0

這裏是一個小提琴:http://jsfiddle.net/25731tL9/有沒有鉻的錯誤與UI的東西...你應該開始調試樣式屬性和JS或插件可能會導致此問題 – ggzone

回答

1

我曾在那裏的頁面被滾動到頁面底部有類似的問題在Chrome中,當我嘗試拖動可排序的項目時。
我發現此修復程序是添加scroll: false option,就像這樣:

$(".sortable").sortable({ 
      scroll: false 
}); 

答案here給我的解決方案。

0

我有同樣的問題!我通過我的CSS禁用不同的風格,直到我找到造成它的原因。在我的案例中,我在<body>標籤上設置了overflow-y: scroll;。將它移動到<html>標籤解決了我的問題,不幸的是,這導致在Firefox中的問題,而不是..

最後,我刪除了overflow屬性完全。這對我來說並不重要。