hidden-scroll-content
全部标签 我想隐藏我的滚动条,所以我给了我网站的正文overflow:hidden;现在我想让我的菜单栏固定在我的页面顶部,position:fixed;但是当我将菜单栏设置为固定时,我无法再使用滚轮滚动整个页面。谁知道答案?body{width:100%;height:100%;overflow:hidden;}这是可行的,但是当我在我的菜单上放置一个position:fixed;时,我不能再滚动了。.menu{position:fixed;width:100%;height:50px;}我希望你能理解我的问题。 最佳答案 您可以使用jqu
下面的html页面包含一个页脚(位置:固定)和一个“工作表”(position:absolute)。我的问题:向下滚动时如何防止工作表的底端隐藏在页脚下方?我对padding和margin的所有尝试都失败了......(请只使用html/css解决方案。)CSSbody{background:green;}.Background{top:0px;right:0px;}.Footer{position:fixed;bottom:0;left:0px;height:30px;width:100%;background:orange;padding:010px010px;}.Sheet{po
我有一个带有一些文本选项的自定义下拉菜单,我需要设置一个固定的高度。看起来很简单,我添加了max-height和overflow-y:scroll。效果很好!但在设备模式下的Chrome上,高分辨率会模糊文本。我做了一支笔来展示这个。https://codepen.io/a40637francisco/pen/OvbNyB这两个属性似乎与chrome不兼容。max-height:100px;overflow-y:scroll;我尝试了几个修复,使用平移、透视、平滑,但没有成功。有什么想法吗? 最佳答案 我猜这与移动屏幕调整大小有关。
被圆形父子隐藏部分裁剪后在Chrome中仍然存在并处于事件状态:可以通过向父级添加z-index属性来解决IE中的相同行为。仍然找不到治愈Chrome的方法。#container{width:200px;height:200px;border-radius:50%;background-color:orange;position:fixed;overflow:hidden;/*z-index:1;*/}#element{width:100px;height:100px;background-color:blue;position:absolute;top:150px;left:100p
我无法理清如何移动元素,该元素位于.content-wrapper{overflow:hidden;下。.content{position:absolute;}},到最上面。考虑下面的屏幕截图:带有人物照片的图像元素放置在.content元素下。但是他在照片上用黄色突出显示的部分(用红色箭头指向)被隐藏了,因为父.content-wrapper有一个overflow:hidden属性.主要问题是我无法将隐藏的溢出更改为其他任何内容。不使用JavaScript真的能解决这样的问题吗?====补充一====为了澄清问题,我在下面编写了一个代码片段:.wrapper{width:100%;o
我搜索过,但找不到任何东西。在页面上向下滚动后,我有一个粘性标题显示在页面上。这在页面上非常有效。但是,不幸的是,我现在不得不将它放在一个iframe中。我必须使用完全相同的代码,但我相信是window.scroll导致它出错。内容就位于页面顶部的所有内容后面,当检查代码时,它会停在该函数处,不再继续。是否有window.scroll(或滚动功能)的替代方案,或者是否有办法让它在iframe中工作?我所有的尝试都失败了。我的例子在这里https://www.bootply.com/edHiY15iJy#标题的HTMLCustomerName:Person!!Address:101Mai
我需要显示类似于表格的内容,其中第一列可以水平滚动。该列会粘滞一段时间,但当您滚动太多时,它会开始与其余部分一起移动:.wrapper{width:250px;overflow:auto;display:flex;flex-direction:column;position:relative;}.header-container,.row-data{display:flex;position:relative;}.header,.data{flex:0080px;padding:1rem;background-color:lightblue;}.fullname{position:st
我正在使用page中概述的等高CSS技巧.一切正常,直到今天我需要在其中一个列中添加一个对话框,该对话框的位置绝对可以将其从流程中移除。问题在于,由于容器上有“溢出:隐藏”,对话在溢出时被切断。除了将对话带到容器元素之外,是否有任何可能的方法让它通过CSS显示?这里有一个小例子来证明我提到的内容。.container{overflow:hidden;margin-top:30px}.col{float:left;padding-bottom:2000px;margin-bottom:-2000px;border-right:1pxsolidblack;width:100px;backg
考虑这两行:来自W3关于Scripting的文档,在Thedefaultscriptinglanguage部分:AuthorsshouldspecifythedefaultscriptinglanguageforallscriptsinadocumentbyincludingthefollowingMETAdeclarationintheHEAD但它在Localdeclarationofascriptinglanguage中继续说:ThetypeattributemustbespecifiedforeachSCRIPTelementinstanceinadocument.Thevalu
每次创建HTML5页面时,我都会为将主页标题放在哪里而苦恼。每个人都以不同的方式处理这个问题......情况是这样的:假设我有一个名为“Meo的前端冒险”的网站。在这个站点上有一个名为“AbracadabraSemantics”的页面,其副标题并不重要,例如“loremipsumdelor”网站顶部还有一个导航、一个页脚和一些内容。在HTML4.0中我会这样做:-div.header+div.nav+a.siteName:"Meo'sfrontendadventures"-div.contents+h1.pageTitle:"AbracadabraSemantics"+strong.l