这个问题在这里已经有了答案:preventScrollbubblingfromelementtowindow(15个答案)关闭8年前。我有几个div包含您可以滚动浏览的信息。但是，当您点击顶部或底部时，它会变为浏览器滚动，从而滚动整个页面。我想在鼠标位于这个特定的div内部时禁用外部滚动(这种类型的div有3个)。我想要实现的一个例子是youtubes播放列表选择器。Here'sanexampleatyoutube将鼠标悬停在热门上传部分并尝试上下滚动。编辑:刚刚尝试在另一个浏览器中使用链接，视频选择部分似乎没有显示，但它是启用它的“添加到播放列表”部分。有人知道这样做的方法吗？
#homeview-story{overflow:scroll;width:72%;height:800px;}#homeview-stream{overflow:scroll;width:28%;height:800px;}$(document).ready(function(){$('#homeview-story').scroll(function(){$("#log").append("Handlerfor.scroll()called.");});});目标是分别为homeview-story和homeview-stream实现无限滚动以加载各自的数据。滚动功能适用于窗口对象
#homeview-story{overflow:scroll;width:72%;height:800px;}#homeview-stream{overflow:scroll;width:28%;height:800px;}$(document).ready(function(){$('#homeview-story').scroll(function(){$("#log").append("Handlerfor.scroll()called.");});});目标是分别为homeview-story和homeview-stream实现无限滚动以加载各自的数据。滚动功能适用于窗口对象
对于这个问题，我有以下fiddle:http://jsfiddle.net/jcb9xm44/父级div中有2个内联blockdiv:YXcss为父div分配一个宽度，为子div分配2个宽度。.outer{width:210px;border:1pxsolidred;}.inner1{width:200px;border:1pxsolidorange;display:inline-block;}.inner2{width:50px;position:relative;left:-50x;display:inline-block;border:1pxsolidlightblue;}我原以
对于这个问题，我有以下fiddle:http://jsfiddle.net/jcb9xm44/父级div中有2个内联blockdiv:YXcss为父div分配一个宽度，为子div分配2个宽度。.outer{width:210px;border:1pxsolidred;}.inner1{width:200px;border:1pxsolidorange;display:inline-block;}.inner2{width:50px;position:relative;left:-50x;display:inline-block;border:1pxsolidlightblue;}我原以
我试图制作一个独立于浏览器的代码，其中包含一个搜索栏(这个搜索栏是我从demos.jQuery.com获取的)但是现在当我试图修复左侧和右侧的边距百分比时(我希望它在浏览器宽度更改时居中对齐)我无法做到这一点，我是CSS的新手，有人可以帮忙吗？我到目前为止所做的代码是:HTML:Screen1CompositeTheseLoremipsumdolorsitamet,consetetursadipscingelitr,seddiampelementsnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamareetearebum.St
我试图制作一个独立于浏览器的代码，其中包含一个搜索栏(这个搜索栏是我从demos.jQuery.com获取的)但是现在当我试图修复左侧和右侧的边距百分比时(我希望它在浏览器宽度更改时居中对齐)我无法做到这一点，我是CSS的新手，有人可以帮忙吗？我到目前为止所做的代码是:HTML:Screen1CompositeTheseLoremipsumdolorsitamet,consetetursadipscingelitr,seddiampelementsnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamareetearebum.St
我有一个名为container的div，它包含通过javascript动态创建的内容(段落)。问题在于，一旦超出容器的边界，paragphs就不会显示在div上。为了解决这个问题，我尝试了溢出，但只是添加了x,y滚动条。我想做的是在添加每个段落后增加容器的高度，即当段落添加到高度为20px的容器时，容器将下一段的高度增加到40px。HTMLAddcontentCSS.container{width:120px;height:20px;display:inline-block;margin-left:auto;margin-right:auto;/*overflow:auto;*///A
我有一个名为container的div，它包含通过javascript动态创建的内容(段落)。问题在于，一旦超出容器的边界，paragphs就不会显示在div上。为了解决这个问题，我尝试了溢出，但只是添加了x,y滚动条。我想做的是在添加每个段落后增加容器的高度，即当段落添加到高度为20px的容器时，容器将下一段的高度增加到40px。HTMLAddcontentCSS.container{width:120px;height:20px;display:inline-block;margin-left:auto;margin-right:auto;/*overflow:auto;*///A
更新:为什么div如此显示比如何解决问题更重要。如果我不知道为什么div会这样显示，我就不会理解div的工作原理。我有两个div:menuContainer和top，它们被包裹在另一个div中顶部容器。我希望menuContainer和top在垂直方向上彼此重叠，而不是在XAngular上(我认为div出现在彼此下方是标准的)但是它们出现在彼此之上并且“内联”。这就是它在我的浏览器中的样子(是的，我按了f5:ed，fiddle显示了同样的东西):menuContainer是水平CSS菜单的包装器。我希望它显示为top白色区域顶部的选项卡为什么div显示为“内联”(查看hello所在的位
