腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
"body“溢出隐藏或通过onclick函数滚动
javascript
、
scroll
、
onclick
、
overflow
我有一个下拉菜单,如果打开(100vh +100vw),它会覆盖整个页面,当我单击下拉菜单按钮时,我会尝试禁用身体的滚动。 由于某些原因,在单击时添加和删除类对我不起作用,但通过以下方式直接添加样式对我来说非常有效:<a href="#" onclick="document.body.style.overflow = 'hidden';> 但是,再次单击链接并不会将溢出设置为再次滚动,所以有谁可以帮助我吗?
浏览 23
提问于2020-08-19
得票数 0
回答已采纳
7
回答
iOS5 -webkit-溢出-滚动导致触摸事件停止工作
ios
、
ios5
、
web-applications
、
mobile
、
webkit
当使用-webkit溢出滚动:触摸;时,滚动区域确实工作正常,但它会导致触摸事件停止滚动区域的工作。有人也有同样的问题吗?谁能给我一些关于这个新滚动功能的官方链接? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ios5 scroll</title> <style type="text/css"> header { backgr
浏览 0
提问于2011-10-14
得票数 14
2
回答
当用户单击弹出以关闭滚动条时返回滚动条
javascript
、
jquery
、
html
、
css
我有jQuery代码,在弹出模式打开时移除滚动条。因此,当我需要关闭弹出窗口时,滚动条需要再次出现,并且该函数可以正常工作,除了一件事:如果用户单击弹出窗口之外的其他地方,它将关闭,但滚动条仍然隐藏。只有当单击关闭图标时,它才能完全正常工作。 当用户单击弹出框外时,是否有可能设置自动溢出滚动?也就是说,不仅仅是在封闭的图标上? $(document).ready(function () { $("button#mainbtn").click(function (){ $('body').css('overflow', 'hi
浏览 2
提问于2018-11-05
得票数 2
回答已采纳
2
回答
滚动后有延迟的警报
javascript
、
scroll
有没有一种简单的技术可以让scroll函数有延迟呢?例如:如果用户向下滚动100px,等待2秒,然后向下运行函数(向上滚动相同)。 主体中的溢出被隐藏了! body{ margin:0; padding:0; overflow:hidden; } 我正在寻找普通的javascript。 function up() { document.body.style.backgroundColor = "red"; } function down() { document.body.style.backgroundColor = "blue"; }
浏览 0
提问于2016-10-18
得票数 0
2
回答
如何隐藏水平卷轴
html
、
css
<!DOCTYPE html> <html> <body> <div style="background-color: aqua;height:1500px;width:260px;overflow: hidden;"> some text </div> </body> </html> 我的屏幕分辨率是1920 X 1200 (宽X高),我有一个直径,它的高度是1500 px。显然,这将溢出屏幕和浏览器添加垂直滚动默
浏览 4
提问于2020-01-29
得票数 0
回答已采纳
1
回答
溢出:滚动不工作在绝对定位的div与父溢出:隐藏
css
、
html
我有麻烦了。 我的身体溢出:隐藏; 父div有一个位置:绝对值;溢出-y:滚动; 带有文本的div只是一个正常的div。 但是因为溢出:隐藏;切断了我的绝对div的底部部分,滚动不会一直向下。 我做了个小提琴手来证明我的意思: <body style="overflow: hidden;"> <div style="position: absolute; overflow-y: scroll"> <div>text</div> </div> </bod
浏览 1
提问于2013-11-08
得票数 1
回答已采纳
1
回答
防止绝对位置的div展开屏幕
javascript
、
html
、
css
我有一个绝对位置的div在滚动上移动。我把溢出:隐藏在我的屏幕上,一切正常,除非我切换到响应模式,宽度无限期地增加时,我滚动根据位移的div。如何防止这种行为? 关于我尝试过的信息:最大宽度,在父服务器上的相对位置,溢出和所有不工作的信息。 Par示例HTML: <body> <div class="box"></div> </body> CSS body{ height: 10000px; } .box{ height: 500px; width: 500px; background: #000; posi
浏览 2
提问于2022-11-21
得票数 0
1
回答
关闭时Yui面板更改样式
yui
,我正在使用yui窗格,我将主体溢出设置为隐藏,打开面板时,如何在面板关闭或单击其关闭链接时返回溢出滚动? .use()(“YUI 2-容器”、“YUI 2-拖放”、“事件”)、函数(Y){ var YAHOO = Y.YUI2; var modal = new YAHOO.widget.Panel("content", { width: "240px", fixedcenter: true, close: true, draggable: true, zindex
浏览 2
提问于2011-10-31
得票数 1
2
回答
显示模式时锁定父窗口不滚动
javascript
、
jquery
、
html
、
css
当一个模式显示在父窗口上时,我试图阻止用户滚动父窗口。 这是一个问题,当用户在iPad上查看模式时,当他们点击并拖动到模式中的内容div或滚动条之外,然后它滚动它下面的(父)页面。 我认为一旦打开了模式,我就可以在body标签或主容器中添加一些css来禁用滚动,方法是给它一个溢出:隐藏;并在关闭模式后将其删除。欢迎任何建议,谢谢。 <html> <body> <a href="#" class="open-modal">Open modal</a> <div class="modal"
浏览 2
提问于2014-04-08
得票数 0
2
回答
隐藏HTML页面上的默认滚动条而不使用overflow:隐藏?
javascript
、
css
不使用: <style type="text/css"> body { overflow:hidden; } </style> 如何隐藏滚动条? 注意-我需要溢出的其他元素。
浏览 1
提问于2015-09-01
得票数 2
2
回答
检测溢出中的滚动尝试:隐藏页面?
javascript
、
jquery
、
css
我希望检测用户何时试图在页面上向上或向下滚动,但是由于不允许实际滚动,所以我设置了一个溢出:隐藏体。代码是这样的: $('html,body').css('overflow','hidden'); $(window).scroll(function(event){ console.log("scroll"); }); 问题是,由于没有实际的滚动,我不能触发事件,我已经考虑过删除溢出样式,并以某种方式防止滚动,但我不知道如何做。 无论如何,是否有一种方法可以在检测滚动尝试时修复滚动?谢谢
浏览 4
提问于2013-09-11
得票数 6
回答已采纳
2
回答
默认情况下,页面中的溢出自动应用于HTML或BODY吗?
css
、
browser
、
scrollbar
、
overflow
、
default
在没有指定溢出属性的简单页中,如果内容溢出,则会出现窗口滚动条。 默认情况下,浏览器是否将overflow: auto或scroll应用于HTML或BODY元素? 示例: div { height: 200vh; border: 10px solid; } <div></div>
浏览 3
提问于2016-12-23
得票数 4
1
回答
如何在将psd转换为html时修复错误滚动水平监视器
html
、
css
我试图修复错误滚动水平监视器。 这里是演示。 如您所见,水平滚动条出现在监视器上。我把溢出:隐藏为html或body标签,没有任何滚动条出现。我想消除滚动条。
浏览 2
提问于2014-01-15
得票数 0
回答已采纳
6
回答
防止滚动条将内容推到左侧的纯css方式?
html
、
css
、
scrollbar
、
overflow
是否有一种方法可以防止滚动条将内容或整个页面向左推纯css?我是说没有黑客什么的。 我尝试了两个javascript解决方案: 1)将主体设置为溢出隐藏,将body.offsetWidth存储在变量中,然后溢出可见,然后用当前的body.offsetWidth减去该offsetWidth,并将差值应用到右边距。 2)计算offsetWidth并在每次调整大小时将其应用到包装div上。 不起作用的是: 1)绝对位置。 ( 2)把所有东西都向左漂浮是个坏主意。 3)使滚动条可见(看起来很糟糕)。 4)溢出-y隐藏使用户不友好。
浏览 11
提问于2016-02-19
得票数 7
回答已采纳
2
回答
溢出-x和鼠标中间按钮移动
javascript
、
css
、
design-patterns
我的页面宽度为980 is,但我有一些设计元素(它们属于背景)。我定位他们的位置:绝对的;这将为那些具有=< 1024分辨率的人创建一个水平滚动条。我禁用了溢出-x:隐藏的滚动条(以及IE7等)。 然而,,当我按住鼠标中间的按钮(我认为这也适用于笔记本电脑的触屏),它让我移动到右边,它可以用任何东西来修复吗?(javascript,css)? 在Chrome,IE,Firefox中测试了这个问题。
浏览 4
提问于2010-03-27
得票数 1
回答已采纳
2
回答
如何停止身体滚动,但保持滚动条?
javascript
、
jquery
、
html
、
css
、
twitter-bootstrap
我正试着调整鞋带旋转木马来处理鼠标轮。到目前为止,jQuery看起来是这样的: $('#thumbnailCarousel').bind('mousewheel', function(e){ $(this).carousel('next'); }); $('#thumbnailCarousel').mouseover(function() { $('body').css('overflow-y','hidden'); }); $('#thumbnailCarousel
浏览 1
提问于2014-05-22
得票数 0
回答已采纳
2
回答
使滚动溢出只隐藏一页?
html
、
css
、
angular-ui-bootstrap
我正在使用引导程序创建一个网站,我在引导和j查询方面是新的,在页面中有滚动问题,所以我使用了隐藏在正文部分的溢出,但这是创建一个新问题,我的画廊页面现在没有滚动,我想溢出隐藏的只有特定页面,当我添加一个小的图片时,当这个滚动发生时。 这里是html代码: @{ ViewBag.Title = "Index"; } <br /> <div class="container-fluid"> <div class="row"> <div class="col-l
浏览 1
提问于2015-09-23
得票数 1
2
回答
带滚动条的jQuery同位素
jquery
、
jquery-isotope
我正在尝试在一个固定宽度的容器中实现Isotope插件,但是我在显示滚动条时遇到了麻烦。 我想要的是强制滚动条(无论是默认的还是一些花哨的)在Isotope布局上,但它需要在一个固定的宽度和高度的环境中,溢出设置为隐藏在主体上。 我所见过的使用Isotope、Masonry或Wookmark的所有示例都使用强制放在body或html上的滚动条,但对于我的情况,需要将其设置为隐藏。 请多关照,谢谢。
浏览 1
提问于2012-06-14
得票数 0
1
回答
阀体溢出隐藏单击
javascript
、
jquery
、
html
、
css
我的Html <html> ... <body> <div id="topContent">...</div> <div id="clickMe">Show TopContent</div> ... </body> 通过单击div #clickMe上面的div #topContent与jQuery,它添加了一个溢出,因此我向主体添加了一个类,并使用toggleClass()隐藏溢出。 .hiddenOverflow { overflow:hidden } JavaScrip
浏览 1
提问于2016-10-14
得票数 0
回答已采纳
1
回答
CSS溢出:隐藏它,但保持其中的文本可选
css
、
overflow
基本上,我需要溢出行为像“自动”,但隐藏滚动条。 如果我使用“隐藏”,我不能选择超出限制的文本。
浏览 2
提问于2011-07-14
得票数 0
2
回答
页面总是自动聚焦在文本区域,然后滚动顶就不能工作了。
javascript
、
android
、
jquery
、
iphone
、
scroll
我有一个带有一些复选框项的页面,然后在页面的最底部有一个textarea元素。此textarea没有分配,没有自动对焦。 <textarea id="comments" class="form-control" rows="8">@Comments</textarea> 当页面加载并滚动到底部时,textarea总是会得到关注。 它必须为Android和iPhone webview容器工作。 我已经尝试了很多滚动到顶部后,页面加载或删除焦点从这个元素,但到目前为止没有运气。 我在这里发现了以下不同的技巧: $(
浏览 2
提问于2019-11-01
得票数 0
2
回答
如何使用溢出:隐藏在角中只有一页?
html
、
css
、
angular
、
indexing
、
overflow
我想使我的窗口窗格不可滚动。如果我将我的元素设置为溢出:隐藏,我无法在任何页面上滚动,所以我尝试在我希望不可滚动的组件的CSS文件中这样做。但是,实现这一点的唯一方法是将不可滚动的类名添加到index.html元素中。 .unscrollable{ overflow: hidden; } 但是,在这种情况下,无论我在页面上导航到哪里,所有的窗口都是不可滚动的。 我试图通过将以下内容添加到组件的CSS文件中来解决这个问题: .unscrollable{ overflow: hidden !important; } 但没有结果。 有谁知道如何解决这个问题吗?我对不能根据组件影响in
浏览 17
提问于2022-10-20
得票数 0
回答已采纳
7
回答
在firefox中隐藏滚动条
html
、
css
、
firefox
、
scrollbar
、
hide
我想在页面中隐藏滚动条,但我可以滚动,就像它有滚动条一样。所以我不能使用溢出:隐藏,因为我希望我可以像普通滚动,但不能看到滚动条。 所以我使用这个css代码(类非滚动体是一个身体标记的类)。 .not-scroll-body::-webkit-scrollbar { display: none; } 它在Chrome中工作,但是当我使用-moz-而不是像这样的-webkit-时 .not-scroll-body::-moz-scrollbar { display: none; } 它在Firefox中不起作用。 我能做些什么才能让它发挥作用? 谢谢你的每一个回答,并对我糟糕
浏览 6
提问于2013-10-25
得票数 15
6
回答
溢出:隐藏无法在div中滚动
html
、
css
设置溢出时,我不能在div中垂直滚动:隐藏到它。我不明白为什么。 HTML: <div class="s"> <p>lorem ispum<br/></p> <p>lorem ispum<br/></p> <p>lorem ispum<br/></p> <p>lorem ispum<br/></p> <p>lorem ispum<br/></p> <p>lorem ispum&
浏览 16
提问于2015-06-10
得票数 4
回答已采纳
7
回答
从文本区域中删除滚动条
html
、
scroll
、
textarea
、
scrollbar
、
overflow
我之前的问题()是关于如何在<textarea>中始终看到滚动条的,现在我想知道如何设置它,使<textarea>中没有滚动条,即使文本溢出。要向下滚动,您可以使用箭头键或鼠标在文本中导航。 我该怎么做呢?
浏览 79
提问于2013-10-17
得票数 97
回答已采纳
1
回答
CSS -可以溢出-x是有害的,如果隐藏?
html
、
css
我需要给120%的宽度。但我不想要水平滚动条,所以我设置了溢出-x隐藏的身体。该命令会损害正常的网站视图吗? CSS body{ overflow-x: hidden; }
浏览 2
提问于2014-08-29
得票数 0
回答已采纳
2
回答
如何只允许水平滚动一行图像并显示溢出,而不水平滚动页面的其余部分?
html
、
css
、
scroll
、
overflow
我有一个正文有960px宽的页面,我想要从页面的右侧溢出一排图像,并允许显示溢出的图像和水平滚动。我不想让页面作为一个整体水平滚动,只想要那个元素。 使用水平滚动相对容易,但是如果不增加整个页面的宽度(从而使页面水平滚动),就无法显示溢出的图像。 我的CSS: container{ width:960px; margin: 0 auto; } .pic-container { white-space:nowrap; overflow:scroll; } 我的(简化) HTML: <body> <container> <div cla
浏览 1
提问于2012-10-31
得票数 0
回答已采纳
1
回答
获取子div以触发父级溢出。
html
、
css
我有一个容器div (id = #game),它被设计成在任何时候都占页面宽度的90%,我想在里面放一个固定大小的大div (id = #game_div)。当然,在较小的屏幕上,这个内部div (1024X768)不能放入容器中,所以我希望它能溢出滚动条。 下面是css: #game { max-width: 90%; overflow: scroll; padding: 20px; } #game_div { width: 768px; height: 1024px; } 当我隐藏内部div时,外部div看起来如下所示,它正确地使用了90%的屏幕:
浏览 5
提问于2014-05-10
得票数 1
1
回答
在safari下隐藏iframe水平滚动条
html
、
iframe
、
safari
、
scrollbar
在我的iframe上,我想在保持垂直滚动条的同时隐藏水平滚动条。我用过 Style=“溢出-x:隐藏;” 它适用于firefox,但不适用于safari。在safari下是否有隐藏水平滚动条的修补程序? 我听到的唯一方法是更改iframe中页面的溢出。但是我不能修改我的iframe中的页面,因为它是一个外部网站
浏览 4
提问于2012-11-08
得票数 1
2
回答
iOS上双滚动溢出隐藏问题
html
、
ios
、
css
、
overflow
、
hidden
问题是,我有一个主体(它不能被修复,因为它会导致当前项目的错误),它有很多内容和一个模式,里面有可滚动的内容,问题是在iOS上,如果我把溢出变成隐藏的,什么都不会发生。 在我的例子中,将height: 100vh和overflow: hidden设置为class="parent"不起作用。 我尝试了不同的东西,尝试了不同的方法来解决这个问题,但没有什么固定的,但我在这里看到了不同的方法,但不同的情况。 我也在寻找溢出的隐藏的替代物,但还没有发现. 如果你们有一些想法/参考/解决它的方法,在这里我很感激,谢谢。 下面是片段 <body class="modal-op
浏览 0
提问于2018-09-25
得票数 1
回答已采纳
1
回答
如何使溢出:使用动态高度滚动
html
、
css
如何使溢出:滚动动态高度例如下面,没有flex/grid/vh?问题是,所有的内容必须适合屏幕(必须看到页脚),并动态调整屏幕高度。没有高度溢出:滚动不起作用,但将其设置为100%,使其高度作为父级和内容溢出与高度从页眉和页脚。基本上,我希望通过调整.content高度来调整.longlist高度,使.footer和.content适合.content高度,而不会溢出。 <style> .content {} .longlist {} .header {} .footer {} </style> <body>
浏览 2
提问于2021-05-07
得票数 0
1
回答
如果在移动设备上触摸了滚动组件之外的区域,则弹出窗口中的滚动冻结
javascript
、
html
、
css
、
mobile
、
scroll
我有一个包含2个滚动列表的页面:一个在主体中,第二个在弹出窗口中。我使用标准的解决方案来防止当用户滚动弹出窗口中的内容时滚动正文(我使用的解决方案在这里描述为) 我在移动设备上遇到了这个问题(我在Safari的iPhone 6上测试了它)。 我的问题如下:如果用户触摸弹出窗口外的区域,他无法在弹出窗口内滚动列表几秒钟。看起来弹出窗口内的滚动被冻结或在一段时间内不可用。 我在页面上使用了以下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g
浏览 2
提问于2017-01-13
得票数 1
2
回答
启用浏览器滚动条工作
javascript
、
html
、
css
我有下面这样的html <html> <head> <style> #parent { position : absolute; width : 500px; height : 500px; } #top { position : absolute; width : 100%; height: 100%; z-index : 5; } #bottom { position : absolute; width : 100%; height : 100%; overflow :auto ; z-index : -1; } </
浏览 0
提问于2016-07-13
得票数 0
1
回答
CSS固定对齐?
css
我有点问题不能解决。所以基本上我在我的屏幕上有一个固定的反馈按钮,看起来像这样: .feedback-button-container { position: fixed; bottom: 0; z-index: 3; right: 15%; } <!-- When Modal opens <body style="padding-right: 17px;"> <body> <div class="feedback-button-container"> <a> <
浏览 1
提问于2021-01-28
得票数 0
3
回答
打开模态对话框时可以看到2条滚动条
javascript
、
jquery
、
html
、
css
、
modal-dialog
我们有一个令人费解的问题,当我们试图打开一个模式对话框从一个父页面,它打开与两个垂直滚动条相邻。一个控制模态框,另一个控制它后面的主页面。 有两个滚动条是不理想的,并试图实现一个解决方案。我们在对话框页面中添加了一些javascript,这会将样式设置为溢出:模式对话框打开时隐藏。 <script> function myOnLoad() { window.parent.$('body').css('overflow', 'hidden'); } 用过..。 <body onload="myOnLoad()&
浏览 3
提问于2015-02-26
得票数 1
回答已采纳
2
回答
试图获取我的图像,使用溢出:隐藏填充视图端口
html
、
css
、
overflow
我有一个5000x3700图像,我正在使用溢出:隐藏属性来让它填充视图,而不会导致任何滚动条。 <!DOCTYPE html> <head> <title> Animations </title> <style> *{ margin: 0; padding: 0; } .jumbotron1{ position: relative; overflow: hidden; } </style> </head> <body> <img src=
浏览 1
提问于2018-01-16
得票数 0
回答已采纳
1
回答
停止页面跳转,但仍转到href
jquery
、
modal-dialog
、
href
我已经通过你的答案搜索了很多,但我还没有找到我的问题的解决方案。 现在,我的情况是: 我有一个带有id="modal“的div,它被隐藏起来,只需用jquery添加css属性即可。 在“more”里面有更多的div水平放置,用来制作幻灯片,每个div都有一个id。 在“some”之外,我有一个菜单,每个链接都指向滑块的某个div。 一切正常,每个div在调用时都会显示,但我的问题是,每次我点击一个链接并显示"modal“时,页面就会跳到底部或向下滚动。 我尝试使用event.preventDefault(),但它阻塞了滑块div的选择。 有什么办法可以解决我的问题吗? Ps:我
浏览 0
提问于2014-11-25
得票数 0
4
回答
指向错误-webkit-溢出-滚动:触摸
css
、
ios5
、
webkit
、
scroll
、
mobile-safari
我一直在玩-webkit-溢出-滚动:触摸;有一段时间,我随机得到以下问题: I只需要滚动顶部/底部(宽度是固定的),但有时用户需要左右滚动才能触发垂直滚动。 换句话说,用户必须水平滚动才能使容器垂直滚动.。 再一次,它是随机的,有时它只是起作用。 我已经检查了滚动中子元素的所有相对位置。 有什么想法吗?
浏览 5
提问于2012-07-18
得票数 3
回答已采纳
2
回答
防止正文滚动,但不阻止触摸设备上的任何父div
javascript
、
jquery
、
scroll
、
touch
如果'not-scroll'类被附加到我的body上,我希望它不滚动,否则它应该正常工作。 我已经寻找这个问题2天了,但是找不到任何适合我的解决方案。 我想要的是添加一个class到body,它不应该滚动,如果有人试图滚动它。但其他所有element都应该滚动,如果其中可以滚动的话。我已经阅读了这么多堆栈溢出的答案,但没有一个对我来说是可行的。我已经检查过,,,,和许多其他的.. PS:实际上,我在我的应用程序中实现了,它在body上打开一个模型屏幕,现在如果用户试图在模型上滚动,模型视图后面的body就会滚动。我想阻止这一切。 我已经试过了。 $(document).on(&
浏览 1
提问于2014-07-16
得票数 2
1
回答
与x和y的溢出相比,具有停止滚动的滚动功能的overflow是有缺陷的。
javascript
、
jquery
、
function
、
scroll
、
overflow
好的,我正在Safari中测试这个,我确信在其他浏览器中也是一样的,但是我还没有检查(还没有)! 这一段脚本工作得很好,而且一点也不刺耳,也没有什么问题: $('body').css('overflow', 'hidden'); $(window).scroll(function() { $(this).scrollTop(0).scrollLeft(0); }); 这就是我所需要的,但是当你尝试滚动的时候,它会滚动一点,它会自我修正(大约在100毫秒内),而上面的脚本根本不允许你滚动。 $('body').css('
浏览 1
提问于2012-09-19
得票数 0
回答已采纳
1
回答
边缘有不必要的垂直滚动条的页面
html
、
css
我有一个asp.net页面,其中包含以下body标记 <body style="margin-top:2px;margin-left:15px;overflow:auto;"> 我得到了一个垂直滚动条,尽管在页面的最低点下面还有很多空间。 为了证明没有任何html元素可以愚弄我对页面内容的感知,并导致滚动条,我在闭包前添加了一个文本标记"x“。这个x距离页面边框仍然是200px。 最奇怪的是:一旦我将页边距顶部设置为0px,滚动条就会消失!!就好像上面的这两个像素导致了溢出! 我正在做一个相当丑陋的变通方法,将内容向下移动2个像素: <body sty
浏览 0
提问于2020-07-15
得票数 1
5
回答
水平滚动条
css
、
html
、
scrollbar
如果内容在其边框中溢出,如何在页面中自动创建水平滚动条。 <html> <body> <div style ="width: 20px; height:30px; border:1px solid black; overflow:auto"> <!-- various of text here that can makes it go out the border--> </div> </body> </html>
浏览 1
提问于2012-12-18
得票数 5
回答已采纳
1
回答
页面上的元素会导致宽度拉伸,从而允许在跨文本拖动时滚动。
html
、
css
我目前正在帮助开发一个页面,但是我们放置在页面上的斜对角线之一目前正在超出页面的宽度,允许将站点滚动到元素结束的位置。在桌面上隐藏overflow时,THis不是什么大问题,但是在移动平台上,很容易滚动到一边,然后进入空白空间。 正如您所看到的,我试图隐藏溢出,我也尝试将body和html设置为100%宽度,但在这方面也没有任何进展。唯一阻止它的是设置溢出:隐藏;在body标记上,但这也停止了向下滚动。 CSS: body{ overflow-x:hidden; } /*Diagonal Lines*/ #diagonalLine1, #diagonalLine2 {
浏览 3
提问于2015-08-27
得票数 0
回答已采纳
1
回答
溢出背景图像的左/右行为差异
css
、
background-image
我正在努力解决背景图像中不一致的行为,这些行为会溢出到他们的视野之外。 我正在用一个负的幅度和积极的填充来实现这一点。 <!DOCTYPE html > <html><head> <style type="text/css"> body { width: 1100px; margin: 0 auto; padding: 0; background-color: #FFFFFF; } body:before, body:after { height: 100%; width: calc((100% - 1100px)/2);
浏览 3
提问于2014-04-23
得票数 1
回答已采纳
2
回答
火狐IFrame滚动条
javascript
、
html
、
css
、
iframe
、
html-frames
我有一个问题,火狐添加不必要的滚动条(其工作正常的铬和ie)。 请参见以下两个文件: page.html & iframe.html。 Page.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns="h
浏览 5
提问于2014-07-14
得票数 2
3
回答
如何删除滚动条而不滚动内容?
javascript
、
html
、
css
、
web
我有一个使用对话框的网站。打开对话框时,body滚动条是隐藏的,包含对话框的div滚动条显示它的滚动条。 但是,当我隐藏body滚动条时,内容会移动到起始位置。打开对话框时,如何保持内容的位置? 有关这个问题的更多信息,请浏览Facebook上的照片。当你点击一张照片时,我喜欢这样做。
浏览 2
提问于2011-12-10
得票数 0
4
回答
动态移动元素上的溢出滚动
javascript
、
html
、
css
、
scroll
、
overflow
var block = document.getElementById('block') function myFunct() { block.style.transform = 'translateX(-400px)' } .container { position:relative; width:400px; height:150px; margin:auto; background-color: blue; overflow:scroll;
浏览 0
提问于2019-08-01
得票数 10
2
回答
next js中特定页面的全局样式
javascript
、
css
、
node.js
、
reactjs
、
next.js
在我的NextJS应用程序中,我有一个/home页面,我需要在其中隐藏x和y溢出。但是,我有另一个/books页面,其中我需要用户能够滚动。但是,由于Next中只有一个全局样式表,并且在css模块中不允许使用像body这样的全局css选择器,所以我找不到解决这个问题的方法。有什么想法吗?
浏览 81
提问于2021-09-06
得票数 2
1
回答
溢出:在IE8中隐藏不会触发
internet-explorer-8
当有溢出时,我的容器应该打开一个滚动条。当滚动条不满时,它不会显示任何滚动条。我用过“溢出:隐藏”来做这个。它在chrome和mozilla中工作得很好,但在IE8中却不是这样。我看到溢出操作没有被触发。 html: <div class="myBlock" style="overflow:hidden; outline:none;">...</div> CSS: .myBlock { overflow-y: scroll; height: 349px; } 当我的容器溢出时,我只需要y轴上的滚动条。如果我遗漏了什么,请告
浏览 1
提问于2014-10-31
得票数 0
1
回答
位置绝对滚动和水平滚动
html
、
css
、
overflow
我有几个svg斑点,我需要添加到背景。其中一个应该溢出视图端口,即只有blob的一部分是可见的,其中大部分隐藏在视图端口之外。我用position: absolute;做了这件事,但这导致了水平滚动。我一直在寻找解决方案,但我一直看到的唯一解决方案对我没有用。人们建议将图像包装起来,并将overflow: hidden添加到包装中。但这使得图像完全消失,而不仅仅是溢出部分。 是否有一种方法来定位背景图像,使其溢出视图端口,但不会导致水平滚动?将position: absolute替换为position: fixed可以起到一定的作用,水平滚动已经消失,但是由于属性的性质,blob只是在页面向下
浏览 4
提问于2022-10-13
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从零开始学 Web之DOM(二)对样式操作,获取元素的方式
javascript 学习笔记
Web前端学习笔记,学习路线图,完整前端自学教程+工具+框架
HTML+CSS+JS教程;前端
自制PDF阅读器・翻译与朗读
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券