Question

我在尝试使一些可滚动元素可拖动时遇到问题。

我正在使用jquery ui，但基本上我需要滚动条不干扰拖动事件。

请参阅此js小提琴以获取示例：http://jsfiddle.net/eCbSp/

在firefox中向下拖动滚动条会导致框在chrome中移动，即在尝试使用鼠标滚动后光标会卡在框中。

有谁知道我想做的事情是否可行？

由于

Answer 1

我所做的是在你的滚动div中放置一个div，并将其宽度设置为其父级宽度的98％。我创建它所以它可以用作句柄，这意味着当用户点击该元素时，它实际上会移动你的可拖动。希望这个工作...工作正常是jsfiddle但没有尝试跨浏览器，它应该工作tho =）

<div class="valign_outer container">
    <div class="myhandle" style="width:98%; height:100%;">
    <div class="valign_inner">
        <p>How much content is in here?</p>
        <p>Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>And Lots</p>
        <p>I am going to be bigger than min height!</p>
    </div>
</div>


var dragOpts = {
    handle: '.myhandle'

}
$('.container').draggable(dragOpts );

Here is a sample of it working

如何使可滚动元素可拖动？

1 个答案: