2015-06-30 73 views
4

我有以下设置:内容:固定是顽固

<div class="wrapper"> 
    <div class="element" id="first"></div> 
    <div class="element"></div> 
    <div class="element"></div> 
    <div class="element"></div> 
... 
</div> 

因此包装设为overflow-x: auto和溢出是水平滚动的内容。 #first div有固定的位置和应用更多的样式,但本质上它始终是可见的,其他的div滚动它的背后,是这样的:在这里

enter image description here

的问题是,我使用拖放功能工作正常,但是一旦我尝试在固定div上放置东西,并且如果它具有背后的内容,则拖放就发生在该内容上。基本上感觉就像我在与固定div背后的东西进行交互,即使它在前面。我知道固定元素超出流量,也许这是什么造成的?但我无法弄清楚如何让这个div背后的内容留下来。

+0

与AY pointer-events: none;普兰我不能完全确定是什么问题..你能证明你的JavaScript,请?如果你使用'on('mouseclick'..)'尝试使用'on('mouseenter'..)'。其他内容是否标有更高的“z-index”? –

+0

创建问题的工作示例将有所帮助。代码片段或jsfiddle? –

+0

请添加您的完整代码示例(HTML/CSS/Javascript)。 http://jsfiddle.net –

回答

0

那么......这可能是因为固定元素超出了流程。

您可以尝试将id为first的元素设置为绝对值,并为其指定一个较高的z-index值。 Z值高的值将使其保持在其他元素之上。 所以当其他人滚动它将保持在那个位置。