2012-05-15 40 views
0

我在与一些HTML/CSS/jQuery的混合物的那一刻有点卡住了。的jQuery拖动滚动禁用

基本上我已经有了这个设置。

<div style="height: 100px; overflow: hidden"> 
<div style="height: 500px; width: 500px"></div> 
</div> 

所以我的父母的div作为一个框架,其中的内容将滚动到使用scrollto插件。

不过我得说,如果有人点击下来在框区域并拖动自己的鼠标,它围绕滚动DIV的问题。

我怎样才能禁用此行为?我已经使用滚动事件和preventDefault,但那不适用于拖动滚动。

我怎么会去这样做呢?

感谢

欧文

+0

是不是该插件让一切变得简单触摸设备(即拖放滚动)的目的是什么?你能否澄清为什么你需要这个插件?否则,你可能可以得到你需要的只是设置溢出:自动对你提到的父母div – lbstr

+0

对不起,我没有意识到我的代码没有显示。想象一下,我的内部div中有3列,并有一个单独的导航,我可以使用scrollto来做$('#innerdiv')。scrollto(800,axis:x)然后它可以滚动到内部div的每个部分 – Owen

回答

0

编辑: 要么不使用插件,只需使用jQuery的动画()函数来得到在内部DIV一个新的左侧位置,或...

尝试scrollto的 “孩子” 项目:SerialScrollLocalScroll。这听起来像那些更有意义的导航(使用js滚动到某些位置后,点击某物)比物理滚动,它听起来像你正在尝试做什么。

+0

谢谢,但我的问题与如何滚动,它与“溢出:隐藏”的事实,而不是使用滚动条滚动页面,你只需拖动页面,或滚动鼠标滚轮和滚动。我想禁用此功能 – Owen

+0

@OwenMelbourne我想我现在明白了。你能否澄清一下当你想要内部股利移动?在一些点击事件?您可以通过使用jQuery.animate()而无需任何插件。如果您知道要将内部div移动到的左侧位置,则可以调用动画并传递新的左侧值。 – lbstr

+0

不用担心队友,我已经改变了html结构,因此它非常适合高度,因此无需向下滚动! – Owen