草庐IT

some_div

全部标签

javascript - 在可滚动的 div 中禁用外部滚动

这个问题在这里已经有了答案:preventScrollbubblingfromelementtowindow(15个答案)关闭8年前。我有几个div包含您可以滚动浏览的信息。但是,当您点击顶部或底部时,它会变为浏览器滚动,从而滚动整个页面。我想在鼠标位于这个特定的div内部时禁用外部滚动(这种类型的div有3个)。我想要实现的一个例子是youtubes播放列表选择器。Here'sanexampleatyoutube将鼠标悬停在热门上传部分并尝试上下滚动。编辑:刚刚尝试在另一个浏览器中使用链接,视频选择部分似乎没有显示,但它是启用它的“添加到播放列表”部分。有人知道这样做的方法吗?

javascript - 在可滚动的 div 中禁用外部滚动

这个问题在这里已经有了答案:preventScrollbubblingfromelementtowindow(15个答案)关闭8年前。我有几个div包含您可以滚动浏览的信息。但是,当您点击顶部或底部时,它会变为浏览器滚动,从而滚动整个页面。我想在鼠标位于这个特定的div内部时禁用外部滚动(这种类型的div有3个)。我想要实现的一个例子是youtubes播放列表选择器。Here'sanexampleatyoutube将鼠标悬停在热门上传部分并尝试上下滚动。编辑:刚刚尝试在另一个浏览器中使用链接,视频选择部分似乎没有显示,但它是启用它的“添加到播放列表”部分。有人知道这样做的方法吗?

javascript - 附加到 div 时滚动()事件未触发

#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实现无限滚动以加载各自的数据。滚动功能适用于窗口对象

javascript - 附加到 div 时滚动()事件未触发

#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实现无限滚动以加载各自的数据。滚动功能适用于窗口对象

html - css 相对定位将 div 换行

对于这个问题,我有以下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;}我原以

html - css 相对定位将 div 换行

对于这个问题,我有以下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;}我原以

javascript - 如何使div两侧的边距保持不变

我试图制作一个独立于浏览器的代码,其中包含一个搜索栏(这个搜索栏是我从demos.jQuery.com获取的)但是现在当我试图修复左侧和右侧的边距百分比时(我希望它在浏览器宽度更改时居中对齐)我无法做到这一点,我是CSS的新手,有人可以帮忙吗?我到目前为止所做的代码是:HTML:Screen1CompositeTheseLoremipsumdolorsitamet,consetetursadipscingelitr,seddiampelementsnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamareetearebum.St

javascript - 如何使div两侧的边距保持不变

我试图制作一个独立于浏览器的代码,其中包含一个搜索栏(这个搜索栏是我从demos.jQuery.com获取的)但是现在当我试图修复左侧和右侧的边距百分比时(我希望它在浏览器宽度更改时居中对齐)我无法做到这一点,我是CSS的新手,有人可以帮忙吗?我到目前为止所做的代码是:HTML:Screen1CompositeTheseLoremipsumdolorsitamet,consetetursadipscingelitr,seddiampelementsnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamareetearebum.St

javascript - 根据动态内容动态调整div的大小?

我有一个名为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

javascript - 根据动态内容动态调整div的大小?

我有一个名为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