修复了页面溢出时覆盖移动端整个视窗的问题

文章/答案/技术大牛

发布

1回答

html、css、mobile、webview

我想在移动设备上显示覆盖整个视口的固定元素(铬，webView)。但当我在移动浏览器(或chrome的移动模式)中打开它时，如果底层页面溢出，它不会覆盖整个页面。这里是( jsfiddle )，这里是独立页面(Jsfiddle)。在chrome中打开它，按Ctrl+Shift+I，然后打开移动模式(开发者工具中的</em

浏览 7提问于2018-08-29得票数 2

2回答

CSS -阻止滚动，但离开滚动条

css

我使用overflow:hidden来防止显示覆盖图时显示的正文滚动。问题是，这会删除滚动条，因此整个页面会稍微向右移动。当覆盖被移除并且溢出被设置回auto时，它再次移动。有没有办法绕过这个问题？我想冻结文档的滚动，但想防止页面跳来跳去。

浏览 0提问于2013-06-26得票数 1

回答已采纳

1回答

jquery mobile的溢出问题

javascript、jquery、jquery-mobile

我正在为我的jquery移动网站开发一个菜单面板。不幸的是，我有一个溢出的问题。我想要的是菜单从左侧进入，并将jquery移动页面推到右侧，部分位于视窗之外。这在桌面浏览器上运行得很好，但由于某种原因，我得到了一个水平滚动条，我可以从面板向右“滚动”(在实际页面中)。我当然不想要这个笨蛋。使用溢出和位置尝试了各种方法，但我似乎无法修复它。我在jsbin上

浏览 1提问于2012-11-27得票数 0

回答已采纳

1回答

Three.js示例与移动端不完全兼容

three.js、glsl

我对手机上的“后处理/小故障”的例子有一些问题。这只是雪效应造成的麻烦。在台式机上，它会在故障期间覆盖整个视窗。在移动设备上，它只出现在底部。我认为这就是负责的线路。*amount*vec4(rand(vec2(xs * seed,ys * seed*50.))*0.2);", 我不明白为什么要影响移动端。

浏览 0提问于2015-10-24得票数 8

3回答

导航菜单

javascript

当我将鼠标移到导航菜单链接(关于我们..)上时，页面向左移动。这是因为javascript吗？

浏览 3提问于2010-06-14得票数 1

6回答

nuxt js在移动视图端口上“无法在‘node’上执行'appendChild‘：此节点类型不支持此方法

javascript、vue.js、vuetify.js、nuxt.js

在移动视口上尝试使用vuetify运行我的nuxtjs应用程序时发现此错误，但在桌面视口上一切运行正常。在使用ubuntu和nginx的服务器上，使用yarn build和pm2 start yarn -- start 运行我的nuxtjs应用程序和pm2时出错当我在桌面视窗上运行它，然后切换到移动视窗(无需重新加载页面)，它运行得很好。但是

浏览 0提问于2020-06-01得票数 5

1回答

jQuery移动版和页眉/页脚问题

jquery、jquery-mobile

使用jQuery Mobile，有人知道为什么在使用changePage()函数切换到内容超过视窗高度的页面时，页面的页眉消失而页脚出现在内容上方的视图中吗？只有当您使用过渡更改页面时才会发生这种情况，如果您在不使用过渡的情况下更改页面，则页眉将保留，而页脚将正确定位在内容的末尾。谢谢

浏览 2提问于2011-06-15得票数 2

回答已采纳

1回答

图标字体链接图标在iphone上无法点击

html、css、fonts、icons

我使用了一些fontello图标字体作为我设计的网站标题中的社交媒体图标。它们在桌面上工作得很好，在我测试过的所有平台上都显示得很好。但是，它们的链接功能在我的iphone上的移动浏览器中似乎不起作用(您可以在具有移动宽度视窗的桌面上点击它们)。你知道为什么这些是可点击的吗，以及如何修复？一个有问题的页面：图标在全视图中位于页

浏览 2提问于2013-08-22得票数 0

1回答

有没有办法在CSS中获得基于整个页面而不是可见窗口的绝对定位？

jquery、css、html、css-position

我目前有一个运行全屏画布元素的HTML页面。在这个画布元素中，我绘制了填充整个页面的各种内容。在调整页面大小时，绘制的内容的大小也会进行调整，以便填满整个屏幕。但是，一旦达到某个最小大小，绘制的内容就不再进行调整，而是向页面添加溢出滚动条。现在，我正在尝试在画布上添加一个新元素，该元素永久固定在相对于画布右下角的位置。在画布重新缩放时，为div

浏览 3提问于2012-04-12得票数 0

回答已采纳

1回答

将包装器拉伸到其内容的全部宽度

html、css

我希望始终在其内容后面扩展包装器的background-color。问题是，当内容溢出其包装器时，背景包装器不会进行相应的调整。，而不是使用的页面宽度。有没有办法“修复”这种行为？我已经尝试过使用display: inline-block;，但除此之外，这在语义上是错误的，并不能解决我的问题。我也已经尝试过使用display: table，但它也不起作用，因为中间层的宽度是固定

浏览 0提问于2018-11-12得票数 0

0回答

覆盖正在视口外部展开

javascript、css、modal-dialog、overlay

我有一个覆盖图，它应该在打开时覆盖整个页面-它可以工作，除非覆盖图突然比视窗大了大约50px，并导致水平滚动。我不确定如何确保覆盖仅覆盖视口大小？我使用的是width: 100vw，它工作得很好，现在我似乎无法保持各种屏幕尺寸的大众内部的尺寸。

浏览 3提问于2017-06-06得票数 1

回答已采纳

1回答

引导-我如何使身体包裹在巨无霸？

html、css、twitter-bootstrap-3

我的登录页面上的身高设置为100%，但当页面在移动平台上以景观模式查看时，巨无霸从底部的身体溢出。为什么身体不占据整个屏幕的高度在景观上？我怎么才能解决这个问题？另外，我需要以这样一种方式来集中巨型加速器，即使是在景观模式下，整个巨型加速器也是可见的。任何帮助也将是非常感谢的。下面是一个问题的图像：编辑

浏览 2提问于2014-11-16得票数 0

3回答

Opencart背景图像/颜色错误

html、css、module、background、opencart

下午堆栈溢出，我正在使用一个在台式电脑和ipads上运行良好的背景图像模块，当移动用户浏览网站时，最大4000px的背景图像会停止显示，而是显示白色背景。我已经绑定了@media修复，但没有运气。我发现的唯一修复方法是覆盖内容区域，消除顶部的滴水效果。再次感谢你，史蒂文

浏览 0提问于2015-10-28得票数 2

2回答

ScrollSpy在我的页面火狐下不能正常工作

html、twitter-bootstrap、firefox、twitter-bootstrap-3、scrollspy

我很抱歉，因为我给你写了一个请求，但我无法修复我的页面。我读了几本关于ScrollSpy的“如何操作”、“堆栈溢出”、“博客文章”，但我无法解决问题。有谁可以帮我？我知道，最好的方法是将页面复制粘贴到代码共享站点中，但是这个问题取决于整个环境。抱歉的!希望如此！页面：我有一个固定的覆盖(标题)页面，我想使用主滚动条滚动。接下来

浏览 5提问于2014-01-06得票数 0

回答已采纳

3回答

网站在iPad上左对齐

html、css、ipad、margin

我的iPad和margin: 0 auto有问题。div靠左对齐，而不是像我桌面上那样居中对齐。容器有一个宽度，我在网上尝试了一些解决方案，但都无济于事。非常感谢任何人的指点。

浏览 0提问于2012-05-02得票数 4

回答已采纳

3回答

Div高度将不会增长以适应不同的移动屏幕高度。

html、css

我有一个移动网站。该页面被分成几个部分，每个section获取整个可见页面的高度和宽度。(高度的93%)每个部分都是一个div。background-size: cover; height: 93vh;当我在电脑上播放Chrome窗口，并将其水平拖动以查看页面如何适合不同的移动</em

浏览 0提问于2019-03-10得票数 1

回答已采纳

1回答

在较早版本的iphone中不支持溢出css属性(iPhone3G- iOS 4.2.1)

jquery、iphone、jquery-mobile、cordova、html-lists

在开发带有电话间隔的iPhone应用程序时，需要显示项目列表。有没有办法在Phonegap()(IOS)中显示项目列表(具有固定高度和滚动功

浏览 4提问于2012-07-10得票数 0

1回答

Asp.net Ajax Tookit AutoCompleteExtender在部分回发后停止在更新面板中工作

ajaxcontroltoolkit、autocompleteextender

当用户在文本框中输入数据并单击“保存”时，将创建一个数据库行，中继器将重新绑定并显示新的数据集。每个中继器行上都有用于“删除”和“编辑”的按钮。单击某一行上的Edit按钮时，该行中的数据将重新填充到文本框中。当我这样做时，自动完成扩展器停止工作。我有一个简单的清除文本框的按钮。如果我单击该按钮并清除文本框，则自动完成功能将重新开始工作。即使我在repeater命令中删除了"Edit“按钮中的所有代码，并且没

浏览 5提问于2016-01-07得票数 0

1回答

移动页面截止

html、css

因此，我有一些问题，试图修复我的客户的网站，只有一个页面，做什么显示在屏幕截图。问题只出现在移动和平板电脑上。我试图搞乱元标签和改变视口，但这只是修复了平板电脑，并使移动版本爆炸。已经制作的模板在页眉和页脚上有固定的宽度，溢出: auto。即使当我删除溢出，它没有改变任何东西，所以可能是固定的宽度是问题所在？有

浏览 2提问于2015-01-16得票数 1

回答已采纳

1回答

Skrollr页面上的移动导航栏水平滚动

javascript、html、css、parallax、skrollr

我的手机导航栏固定在屏幕底部，并向右溢出。我希望能够水平滚动，然而，skrollr似乎捕获了scroll事件并将其转换为垂直滚动。这到底有没有可能？我想上传一个我想要实现的草图，让它更清晰。覆盖的位置是固定的，位于屏幕的底部，z索引在所有内容之上，其内容溢出到右侧： white-

浏览 11提问于2016-09-09得票数 1

回答已采纳

点击加载更多