css防止滚动时溢出

文章/答案/技术大牛

发布

1回答

html、css、overflow

我有一个简单的react应用程序，在<ul>元素中有一些图片，但在移动视图中，当我上下滚动时，我的导航栏上的图片会溢出，而我希望它们只在<ul>元素中滚动。我该如何解决这个问题呢？我已经在下面写下了我的css，以及我到目前为止为移动视图所做的事情。 ? pokemon-card" className="poke-entry" /> <h5 className="poke-name"> {

浏览 15提问于2020-12-01得票数 0

回答已采纳

1回答

2列布局:如何使2列独立滚动

css、twitter-bootstrap、scrollbar、overflow

无论您的光标在页面上的哪个位置，您都会在右/主列上下滚动。因此，如果光标位于左列，则上下滚动整个页面。然而，当您到达顶部或底部时，将继续滚动右列.。我怎样才能做到这一点？提前感谢

浏览 1提问于2013-09-20得票数 0

回答已采纳

5回答

如何scrollTop当html，主体被设置为高度: 100%？

javascript、jquery

on("click",function(e){ $("body, html").animate({scrollTop: 0}, 'slow');Css

浏览 3提问于2014-01-14得票数 17

回答已采纳

3回答

负绝对定位，删除滚动条

css、overflow、css-position

我在这个网站上工作：它的绝对位置-120px的顶部和右侧。我只是想知道如何才能使它不会扩展正文，并在到达页面边缘时隐藏起来，这样就没有滚动条了。滚动条在Windows Firefox上似乎不存在，但在Mac Firefox和Safari上却存在。

浏览 0提问于2009-12-18得票数 2

回答已采纳

1回答

当用户手指超出溢出-y:滚动元素时如何结束滚动？

javascript、touch、overflow

我正在为定时器做一个垂直滚动选择器。基本上，它是一串垂直滚动溢出-y:滚动的列表，它位于溢出:隐藏的掩蔽元素中。<li>59</li> </li> </div>CSS} else { return

浏览 2提问于2016-06-10得票数 1

回答已采纳

1回答

Angularjs ui引导模式:当一个模式窗口打开时，如何禁止背景滚动？

angularjs、twitter-bootstrap、angular-ui-bootstrap、bootstrap-modal

场景是，当我点击页面上的一个按钮时，屏幕上的模式窗口是打开的。背景屏幕可以滚动，模态窗口也可以滚动。所以当你点击模态窗口时，模态窗口得到焦点，因此你可以滚动模态窗口。但是，当您单击模式窗口外部时，背景屏幕将获得焦点，因此背景正在滚动。这不是我想看到的。我们知道在angularjs中使用模式窗口时，应该注入$uibModal，如下所示： animation: tr

浏览 2提问于2016-05-10得票数 1

2回答

检测溢出中的滚动尝试:隐藏页面？

javascript、jquery、css

我希望检测用户何时试图在页面上向上或向下滚动，但是由于不允许实际滚动，所以我设置了一个溢出:隐藏体。代码是这样的：$(window).scroll(function(event){}); 问题是，由于没有实际的滚动，我不能触发事件，我已经考虑过删除溢出样式，并以某种方式<

浏览 4提问于2013-09-11得票数 6

回答已采纳

3回答

我试图在以前的问题中找到一个解决方案，但是溢出:隐藏；对我不起作用。在上面有一个实验室背景图像，上面有一种药剂：，这个药剂应该是用一个表单打开一个覆盖。你可以看到，有一些滚动条出现和消失得很快。此外，当我在自定义CSS插件中插入溢出时，X按钮表现得很奇怪。知道为什么吗？我为这种奇怪的语言道歉。-)预先谢谢！email* your-email placeholder="אימייל" ID= "

浏览 8提问于2017-04-16得票数 0

回答已采纳

1回答

隐藏应用程序垂直滚动条

angular

我希望垂直浏览器滚动条总是可见的。在styles.css中，我有以下内容： body { }下面是一个柱塞，显示了两个滚动</

浏览 0提问于2016-09-28得票数 0

回答已采纳

2回答

HTML无包装与Divs文本包装冲突

css、html

我试图使用CSS中的white-space: nowrap来允许在溢出时滚动。没有包装：无包装的： 

浏览 1提问于2018-08-22得票数 0

回答已采纳

2回答

页面滚动停止在<选择multiple>元素

javascript、html、css、webkit、scroll

我在滚动的页面上有一个标准的<select multiple>...</select>选项列表。当滚动文档时，特别是使用触控板时，一旦指针位于<select>元素上，页面就会停止。我怀疑，由于有了multiple属性，元素控制了指针，因此可以滚动它的选项列表。但是，我有目的地显示所有可用的选项，因此我想以某种方式防止滚动覆盖行为。我试着使用pointer-events CSS属性，但是它会导致选项列表变得不

浏览 0提问于2013-03-16得票数 4

回答已采纳

1回答

屏幕尺寸超过1280 px时，滚动条在响应设计中消失。

css、html、wordpress、responsive-design

我使用的是一个css设计，它在全尺寸浏览器中工作得很好，但每当屏幕尺寸减小到1280 px以下时，滚动条就会丢失，设计中的响应能力会被冻结到该框架上，这样用户就无法查看完整的站点，在移动设备上或在缩小浏览器屏幕大小之后也不能滚动

浏览 2提问于2013-09-15得票数 0

回答已采纳

3回答

当窗口为溢出x:隐藏的特定宽度时，允许水平滚动。

html、css

我正在创建一个网站，并防止水平滚动时，它的全屏，我已经使用了“溢出-x:隐藏”属性在我的网站的正文css。我想问的是，当用户将窗口调整到600 if宽或更低时，是否有一种允许水平滚动的方法。

浏览 4提问于2017-01-27得票数 2

回答已采纳

1回答

当基于画布的游戏运行时，停止用户使用箭头键滚动。

javascript、html、css、canvas

我在我的网页上有一个帆布游戏，它使用箭头键控制操作，但是每当有人试图玩它时，页面滚动。有什么办法可以阻止吗？我游戏的密码在这里。我所需要的只是当有人想玩的时候，页面不要上下跳。

浏览 4提问于2020-11-12得票数 1

回答已采纳

2回答

overflow:隐藏，我在这里做错了什么

javascript、jquery、html、css

问题是，当我调整浏览器窗口的大小时，我可以滚动到我不想要的指定div位置。我试着使用overflow，它除了完全隐藏div之外什么也做不了。我显然在这里遗漏了一些东西。

浏览 2提问于2016-10-09得票数 3

2回答

如何识别哪个Div显示滚动条

javascript、dom、devtools

在某个地方，当我单击一个按钮时，某个未知的容器暂时溢出，右侧出现一个滚动条，然后一秒后它就消失了。在这一秒内，页面背景跳得非常明显。我希望防止这个滚动条显示通过CSS -但我有困难，以确定容器是溢出。是否有人知道一种方法或技巧来识别哪个div正在显示滚动条，或者哪个div溢出了屏幕？

浏览 6提问于2021-04-22得票数 0

回答已采纳

1回答

如何使用JS禁用和启用WordPress滚动

javascript

我有一个关于Javascript滚动的问题。如何在访问者进入我们的网站后禁用滚动，然后滚动再次活动5-10秒后，就像berakal.com网站？

浏览 7提问于2022-12-04得票数 0

2回答

如何停止身体滚动，但保持滚动条？

javascript、jquery、html、css、twitter-bootstrap

function(e){}); $('body').css('overflow-y','hidden');$('#thumbnailCarousel').mouseleave(function() { $('body').css('overfl

浏览 1提问于2014-05-22得票数 0

回答已采纳

1回答

角2+检查内容是否为重叠父容器

javascript、html、angular

我正在尝试用角2+来开发一个日历。这是实际结果：我的问题是:是否有方法检查内容是否与父容器重叠？

浏览 0提问于2018-08-29得票数 1

回答已采纳

2回答

防止滚动条溢出- CSS

css、layout、scrollbar

好吧，我的意思是用这个图像来表示-我希望的滚动条不会出现在容器上。，由于border-radius，滚动条看起来超出了容器的尺寸。我想出的一个解决方案是使容器overflow: hidden并在其中使用另一个可滚动的div，并将一些padding应用到可滚动的div中。.parent {} overflow: scroll;} 但是它似乎不会影响滚动条，即使我设置了我怎么才能防

浏览 4提问于2021-06-02得票数 1

回答已采纳

点击加载更多