2回答
我只有一个基本的iframe，在我的页面中间，看起来像这样：
<iframe class="iframe" src="http://route-to.page"></iframe>
当用户向下滚动到此iframe时，它将获得额外的css类，这将使iframe全屏，具有以下css样式：
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
现在要说的是:当用户在这个全屏iframe中向下滚动到底部时，它应该从iframe中删除全屏css类。这样，用户就可以继续滚动浏览我页面
浏览 3提问于2014-07-16得票数 1
1回答
在元素上禁用正文滚动
、、、
我在屏幕的右下角创建了一个浮动的粘滞引导面板。它看起来像是聊天支持。当我在面板上滚动时，body也会滚动。当我在移动设备上滚动时，这真的很奇怪，因为我以全屏显示面板，当面板全屏时，我们可以在身体上滚动。
所以我在JS中放了几段代码来启用/禁用body scrollbar：
if (...) {
$('body').css('overflow', 'hidden');
} else {
$('body').css('overflow', 'scroll'
浏览 1提问于2018-09-28得票数 0
我的互联网浏览器版本是9，但我使用浏览器模式: IE7和文档模式: IE7标准。我的Asp.Net项目必须在全屏上查看，没有垂直滚动条。如何删除全屏上的垂直滚动条。
我使用溢出:隐藏的css代码，它删除滚动条，但分解的屏幕的项目和屏幕没有正确显示。
浏览 1提问于2013-01-02得票数 0
回答已采纳
1回答
如何在全屏模式下水平滚动？
、、、、
更新：修好了！最后，我增加了100%的宽度和高度的分区包含的表，它使整个屏幕完全粘在屏幕上，让我也看到两个滚动条，我以前不能看到。感谢那些试图帮助我的人！
我有一个div，里面有一个table，div被放入全屏模式，table很大，所以你不能在全屏上看到它，所以我需要滚动功能才能工作。
垂直滚动在全屏上工作，但不工作水平滚动，谁知道如何使它与水平滚动在全屏模式下工作？
这是一个ASP.NET MVC应用程序。
我用来制作div全屏的方法：
function fullscreenActivate() {
var i = document.getElementById("o
浏览 0提问于2018-06-27得票数 0
当网站加载时，我想显示div部分的全屏。当有人再次向下滚动时，新的div部分提供了适合任何led分辨率的全屏。这是演示网站。。
请帮助我或给我一些参考jquery链接或css。
浏览 6提问于2014-07-09得票数 1
回答已采纳
1回答
我想创建一个HTML/CSS/Javascript页面，可以在手机全屏显示一张图片(广告)。智能手机+平板电脑。广告伸展到最大宽度和高度，并且没有滚动条。
我尝试了两种不同的方法：
var screenWidth = $(window).width();
var screenHeight = $(window).height();
$('body, .ads-picture').css('width', screenWidth+'px');
$('body, .ads-picture').css('height'
浏览 0提问于2013-12-07得票数 0
2回答
作为标题，我在尝试创建CSS打印样式表时遇到了这个问题。当我尝试打印带有可滚动内容的全屏覆盖图时，只打印显示的内容，而忽略未显示的内容。我想知道如何使用CSS调整打印模式，使全屏覆盖具有与常规页面相同的行为(无论当前是否显示，都将打印完整内容)。
浏览 54提问于2020-07-24得票数 0
1回答
在chrome中，当屏幕分辨率(全屏)是最大值时，我想禁用滚动条功能。当屏幕分辨率降低(最小化)时，我希望滚动条功能正常工作。有没有可能，如果是这样，怎么做？ .content {
margin: 1vmin;
padding: 12px;
margin-top:23%;
background-color: blue;
height: 1000px; } 我使用的是上面的css代码。对于最小化的页面高度是可以的，但在全屏时会有不必要的滚动。我想把它去掉。
浏览 17提问于2020-10-25得票数 0
1回答
转角动画中滚动条的隐藏
、、、
我需要帮助隐藏滚动条在过渡期间。
trigger("routeFadeState", [
transition(":enter", [
style({
transform: "translateY(-100vh)"
}),
animate("1000ms ease-out")
]),
transition(":leave",
animate(
"500ms",
style({
transform:
浏览 5提问于2019-09-24得票数 2
回答已采纳
我有一个动画运行在全屏在我的网站顶部的网站负载。我想禁用滚动的时间动画运行(15秒)，但只有当Y滚动位置等于0，以防止滚动被禁用，如果网站正在加载#锚。
问题是.scrollTop()没有在实际滚动之前输出滚动位置。
$(window).scroll(function() {
var height = $(window).scrollTop();
console.log(height); // no output before scroll
if(height === 0) {
//$("body").css({"overflow
浏览 2提问于2020-10-20得票数 1
回答已采纳
我想要创建一个全屏图像，让我向下滚动页面，如苹果网站在这里。
您会注意到，通过调整浏览器的大小，图像将保持全屏，但它允许您向下滚动到页脚。
这可以在jquery中完成，还是需要javascript？
到目前为止，我仅有的一段代码是使图像全屏的css代码：
.content {
height:100%;
width:100%;
background: url("http://america.aljazeera.com/content/ajam/watch/shows/the-stream/the-stream-officialblog/2013/9/16/ind
浏览 0提问于2013-10-21得票数 2
回答已采纳
2回答
如何自动超卷
、、、
我正在开发一个可以在Ipad上使用的kiosk网页。我已经找到了一个可以让我全屏的应用程序，但要想全屏，你必须在底部滚动。有没有办法强制我的网页自动这么做？我试过使用自动滚动，但没有成功。我不关心它是怎么做的(CSS，HTML，Javascript，jQuery)
$('html, body').animate({ scrollTop: $(document).height() - $(window).height() }, 1000, function() {
$(this).animate({ scrollTop: 0 }, 1000);
});
浏览 23提问于2016-08-16得票数 1
如果您使用旧版本(< = chrome72)访问youtube，则在全屏后将出现一个滚动条(位于屏幕的最右边)
我想出了一种解决这个问题的方法，就是将下面的JavaScript脚本注入到网页中
var css = document.createElement("style");
css.innerHTML="ytd-app { overflow: overlay !important; }";
document.head.appendChild(css);
在注入JavaScript脚本之后，这个问题是可以解决的，但是我总觉得全屏的时间会变长(
浏览 7提问于2021-06-25得票数 0
回答已采纳
我正在处理一个文件html+css，我想用HTML创建背景图像全屏，并且CSS我已经为背景图像设置了所有属性。我希望这个背景图像能够填充设备上的所有全屏，而不需要在背景图像上滚动，所以我尝试这样做：
* {
margin: 0;
padding: 0;
}
.background-image {
position: relative;
}
img {
background-size: cov
浏览 10提问于2022-03-15得票数 0
嗨，我有以下情况：
<ScrollPane xmlns:fx="http://javafx.com/fxml" fx:controller="MenuController" fx:id="menuPane" stylesheets="/fxml/styles/menu_style.css" fitToWidth="true" fitToHeight="true" hbarPolicy="ALWAYS" vbarPolicy="ALWAYS">
<
浏览 0提问于2016-04-19得票数 1
回答已采纳
2回答
为了清楚起见，我想要一个全屏标题。在动态滚动(单个或多个滚动)中，整个标题应该向上滚动，而屏幕向下滚动时，整个标题会消失。反之亦然，如果用户从内容的顶部滚动更多，标题应该完全向下滚动。
我能用css做到这一点吗？我在的提交站点上看到了更常用的设计
浏览 0提问于2016-06-15得票数 0
2回答
我有一个使用Bootstrap3的固定页眉和页脚的页面。下面的内容可以滚动。用户可以通过F11或按钮(使用全屏-API)启用全屏模式。这在Chrome和FF中很好，但是在IE11中有问题。F11的全屏工作总是很好的。但是，使用javascript切换全屏模式会使我的页面在使用IE11时以缩小的宽度和高度放置在顶部底部。我的页眉和页脚保持原样。
<body>
<header>Fixed</header>
<main>Scrollable</main>
<footer>Fixed</footer&
浏览 2提问于2015-11-06得票数 5
1回答
我正在为我的网站使用引导，并使本地滚动正常工作(我使用标准导航条形码)。到目前一切尚好。
接下来，我想要实现一个在桌面和移动设备(iphone、android等)上正常工作的全屏背景。背景图片应覆盖整个屏幕，当用户滚动页面内容时不应移动。我能找到的唯一解决办法(经过相当长时间的搜索)是：
html {
background: url('images/ny-building-xs-optimized.jpg') no-repeat center center fixed !important;
background-size: cover !important;
浏览 1提问于2015-02-09得票数 0
回答已采纳
2回答
覆盖HTML CSS元素
、、、、
我最近在我的网站上添加了一个Photoswipe画廊，它应用了以下CSS：
html {overflow-y:scroll;overflow-x:auto;}
现在的问题是全屏幕画廊滚动，因为这个溢出，但它应该适合它显示的屏幕，没有滚动。我不想使用jQuery删除它，因为我在这个页面上使用jQuery时遇到了问题。
我试过了：
<style type="text/css">
html {}
</style>
不走运。我还能做些什么来删除它？
浏览 1提问于2012-07-26得票数 1
回答已采纳
2回答
因此，我学习了设置自动填充浏览器的背景图像的不同方法。有没有一种方法只使用html和css来设置全屏背景图片，然后在下面设置另一个全屏背景图片，这样当我最初启动网站时，你会看到第一张图片，当你向下滚动时，第二张图片会出现？
浏览 0提问于2013-07-07得票数 1
3回答
这个问题建立在的基础上，为了将全屏宽度应用于非全角父元素的子元素，需要对子元素使用以下规则：
width: 100vw;
margin-left: calc(-50vw + 50%);
如所示，这种解决方案在存在垂直滚动条的情况下不起作用：100vw没有考虑到滚动条，因此子元素最终比屏幕更宽(注意:没有滚动条可以很好地工作)。
有没有办法解决这个问题，以致于子元素完全采用全屏幕宽度？如果不是纯CSS，那么使用JS？
注意:在我的例子中，body上的overflow规则是不可接受的，因为我需要孩子填充屏幕的确切宽度。
浏览 1提问于2017-06-10得票数 2
1回答
kineticjs生成一个div容器来包装舞台画布。但它将div的显示属性设置为display:inline-block。
我希望画布是显示在全屏，没有滚动条在浏览器。但是对于display: inline-block，总是会显示滚动条。
如果我可以设置为自动显示，滚动条将消失。
有没有办法为kineticjs生成的div设置css样式？
提前感谢！
浏览 1提问于2013-05-28得票数 0
回答已采纳
我正在创建一个网站，并防止水平滚动时，它的全屏，我已经使用了“溢出-x:隐藏”属性在我的网站的正文css。
我想问的是，当用户将窗口调整到600 if宽或更低时，是否有一种允许水平滚动的方法。
谢谢，我很感谢您的帮助！
浏览 4提问于2017-01-27得票数 2
回答已采纳
0回答
我已经创建了一个全屏网站(100%的高度和宽度)与bootstrap和它的巨型功能。还添加了10px的边框和正文填充
html
<div class="row">
<div class="jumbotron indx-BG" >
...
</div>
</div>
css
body { padding: 10px; }
.indx-BG {
background: url('...') no-repeat center center;
background-size: cov
浏览 14提问于2017-01-04得票数 0
回答已采纳
1回答
我有这个css
.App {
font-family: sans-serif;
text-align: center;
display: grid;
margin: 10px;
border: 1px solid;
height: calc(100vh - 20px);
}
要制作一个居中框(全屏)，但我注意到有一个滚动条，我想知道px是否正确，为什么会有滚动条？
浏览 2提问于2022-05-13得票数 1
我想要一个div元素来填充整个屏幕。因此，我有以下项目：
<div style="background:black;position:absolute;top:0;left:0;right:0;bottom:0;"></div>
<div>Hello</div>
<div>World</div>
我遇到的问题是出现在全屏幕div的顶部。我希望出现在全屏div之后，所以您必须滚动到它。
本质上，我希望全屏div表现得像它的相对位置。我不想使用javascript硬编码Hello的起始位置。
有一个简单的方法来
浏览 4提问于2016-10-03得票数 1
回答已采纳
1回答
我要在终端全屏启动Midori。在kiosk模式下在我的树莓派上使用它。然而，即使页面比屏幕小，它也会显示滚动条(垂直和水平)。有没有办法从客户端的角度隐藏滚动条？我想我可以通过修改网站的CSS来隐藏它，但正如我所说的，我希望Midori无论网站说什么都隐藏它。
浏览 0提问于2013-07-26得票数 3
2回答
更改iFrame标记的高度
、、、、
我正在尝试做一个网页(主页)，有一个完整的网页视频时，用户滚动下来。标题是一个全屏幻灯片，但是一旦你向下滚动，就会有一个全屏视频。我试过了iframe的CSS，唯一想出改变高度的方法是使用height: 800px;，但问题是，我需要它能够在电脑和智能手机上看到，当我在智能手机上看它的时候，它的垂直边沿是巨大的。
<iframe style="
width: 100%;
height: 800px !important;
" src="https://www.youtube.com/embed/itookthispartout" frameborder=&
浏览 1提问于2017-08-03得票数 1
回答已采纳
1回答
静态中心背景图像
、、
我有以下css
.bg
{
height: 100%;
background: url("${image}") no-repeat center;
background-size: cover;
margin-top: -7px;
}
并以此方式使用它
<div class = "bg"></div>
我想要的是这样的静态图像，但是如果你向下滚动(图像仍然存在)，页面文本就会开始出现。我应该如何改变我的css？
我的页面文本是
<div class = "
浏览 1提问于2017-09-09得票数 0
回答已采纳
2回答
如何用卷轴将一个div变成全屏？此代码可以工作，但不显示滚动条：
html：
<div id="full_screen"></div>
css：
#full_screen {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10;
}
浏览 2提问于2017-09-20得票数 0
回答已采纳
1回答
你好，我对我的自动完成列表上的滚动条有一点问题。在搜索栏中输入字母"o“，看看会发生什么。然而，我在CSS中添加了139行，但没有滚动条：
overflow-y: auto; overflow-x: hidden; padding-right: 20px
然而，我把：
<body style="overflow:hidden;">
因为我想要一个全屏显示。
浏览 2提问于2013-04-20得票数 0
回答已采纳
查看这个，看看我想要实现什么。基本上，我想使用全屏背景图像，然后在左侧的logo和nav后面覆盖一个div (在链接的图片中，这是中间的灰色区域，周围有红线)，无论滚动与否，它都将始终具有100%的高度。
我认为我能做到这一点的唯一方法是对垂直重复的灰色区域使用背景图像，然后为全屏背景图像创建div，并更改z索引以获得所需的分层。
我在overlay div中使用的css是：
#overlay
{
position: absolute;
left: 360px;
top: 0;
bottom: 0;
width: 600px;
height: 1
浏览 0提问于2011-12-08得票数 0
回答已采纳
我正在制作材料对话，这是全屏的。它的内容大于屏幕高度，因此它有y轴滚动条.但是，页面也比屏幕高度大，而且它还有y滚动条.
问题：页面-y-滚动条(属于html标记)重叠对话框-y-滚动条.如果我向左移动对话框-20 my，我会看到两个滚动条。
目标是：
dialog-y-scrollbar应该是可见的。
page-y-scrollbar应与dialog-y-scrollbar.隐藏或重叠
添加:我正在使用的
scrollStrategy: this.overlay.scrollStrategies.block(),
它还将..cdk全局滚动块类添加到页面的html标记中，样式为：
overfl
浏览 0提问于2020-11-26得票数 0
2回答
我想要做一个全屏幕图像(打开与灯箱展开图像)，是超过屏幕大小滚动与鼠标覆盖窗口的侧面或角落的->。当鼠标在右下角时-图像滚动到右边，如果它在右下角-向右和底部。
有任何jQuery插件可以实现这一点吗？还是HTML5 5/CSS3 3方法？
浏览 5提问于2014-07-21得票数 0
回答已采纳
2回答
我试图使div设置为全屏与以下CSS，但总是一个滚动条显示，如果我减少宽度和高度超过100%，那么这不是完美的工作响应。有什么方法可以使div设置为全屏响应？
#fullScreen
{
position: absolute;
text-align: left;
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
z-index: 5;
background-color: #FFDAB9;
border: 4px solid #FF0000;
border-radius: 10px;
浏览 0提问于2018-11-26得票数 0
回答已采纳
我想做一个网站，当它加载时，有一个全屏图像，当你向下滚动它有一个白色的背景，其中包括我的所有关于和联系信息。我该怎么做呢？我创建了一个名为"top-background“的div，其中包含图像的源代码，并且在我使用的css中 z-index: -100;
height: 30%;
width: 100%;
top: 0%; 但是它不能全屏显示，也不能做我想做的事情。
浏览 15提问于2019-05-13得票数 0
4回答
在我的HTML文件中，我只有一个图像标签。我通过代码设置了source属性，并希望将此图像设置为全宽和全高。
图像本身附加了这个CSS
img {
width: 100%;
height: 100%;
}
并且页面本身使用
html, body {
height: 100%;
}
body {
margin: 0;
}
不知何故，出现了一个垂直滚动条。滚动范围可能在5px左右，所以它真的很小。
我怎样才能删除这个？我希望img是全屏的，没有滚动条。
浏览 1提问于2018-10-12得票数 0
1回答
如何在引导模式中显示溢出内容
、、、、
我在我的web/移动应用程序中使用bootstrap中的模态。我的意图是，当我的模态被触发时，它们会填满整个移动屏幕。我已经添加了一个自定义的css，使我的模态‘全尺寸’。
.modal {
&.full_size {
top: 0;
bottom: 0;
left: 0;
margin-left: 0;
width: 100%;
height: 100%;
}
}
然而，在手机上，虽然我确实成功地看到了全屏模式的显示，但我似乎无法看到全屏模式中“溢出”的内容，即如果内容高度大于我的屏幕高度，我将无法向下滚动查看其余内容。
我如何
浏览 0提问于2013-07-22得票数 2
回答已采纳
1回答
禁用滚动，但保持缩放功能
、、、、
在我正在开发的一个响应式网站上，我有自己的小lightbox脚本，它可以全屏打开图像，同时保持图像的纵横比。它非常简单，使用了2个div (外部全屏-div带有黑色背景"lbBlack“，内部div带有图像"lbImg")：
//super small lightbox ;)
$("#posts").on("click", ".img", function(event) {
$('#lbBlack').css('top',$(document).scrollTop());
$
浏览 2提问于2013-04-15得票数 2
回答已采纳
1回答
我用纯html/css制作了一些网站。
当浏览器是全屏时，我定义了溢出-y:滚动到某个元素。
但是当屏幕的宽度小于400 to时，我想禁用它。(比如，溢出-y:没有。)但是溢出-y没有)
有什么解决办法吗？
浏览 1提问于2018-07-14得票数 0
回答已采纳
3回答
我在建一个网页。我希望我的网页顶部有一个全屏图像.当用户滚动时，一些文本行(几个标题)应该从底部滚动到顶部，图像保持在原处。在滚动了页眉之后，用户应该能够滚动图像到页面的主要内容。
目前，我能够得到全屏图像和覆盖头在上面。当用户滚动时，我无法使图像停留在适当的位置。
我目前只使用HTML和CSS，但我计划稍后在页面上使用javascript和JQuery，所以我可以在这里使用它。
当前代码：
.fullscreen {
position: absolute;
width: 100%;
height: 100%;
background-image: url(&
浏览 4提问于2019-11-18得票数 0
回答已采纳
3回答
如何有一个非固定的全屏背景图像？
、、、、
我知道的存在有一个全屏背景图像，无论是CSS3还是绝对定位和100%的高度/宽度。
然而，所有这些技术都会产生固定的背景图像，这意味着如果有一些内容比需要滚动条的屏幕大，则在滚动时背景图像将保持不变。
是否可以将背景图像步移到页的宽度/高度，而不是屏幕
浏览 8提问于2011-07-20得票数 0
回答已采纳
1回答
嗨，我很好奇如何在youtube页面上使用带有滚动功能的全屏。 通常情况下，当你将视频放入全屏模式时，不会有滚动。但是对于youtube来说，他们能够使视频全屏(扩展到浏览器)，并且仍然允许用户向下滚动页面。 我有一种感觉，他们在玩某种把戏，“劫持”全屏功能，并触发视频进入影院模式。 根本不确定从哪里开始编写代码。
浏览 68提问于2020-01-05得票数 1
回答已采纳
在标题菜单中，我使用了一个带有repeat-x属性的图像。它在全屏下工作得很好，但在低分辨率时，即在1024X768和800X600屏幕上，它会留下一些空白。当发生水平滚动时，它会离开页边距。如何确保即使存在水平滚动，repeat-x属性也应该覆盖滚动区域。这有什么css属性吗？
我使用的css是。
#header {
height: 111px;
background: url('../img/header-bg.jpg') repeat-x;
width: 100%;
}
如果你想要更多的代码，请告诉我，我会把它托管在jsfiddle中。谢谢。
我已
浏览 2提问于2010-09-29得票数 0
回答已采纳
我有两个测试div，我有全屏，它可以工作，但一旦我声明它缩小，不能全屏显示。
我正在尝试让第一个div全屏，然后向下滚动到第二个div，这也是屏幕的大小。
我在设置了一个JSFiddle
HTML代码：
<div id="home">
<ul>
<li><a href="#about">About</a></li>
</ul>
<h1>Home</h1>
</div>
浏览 0提问于2013-07-09得票数 0
回答已采纳
1回答
滚动轮并不总是滚动页面
、、、
我最近实现了挠性滑块的全屏幻灯片效果。
www.ianandtaylor.com
我不得不为挠性滑块的幻灯片内容实现一些垂直滚动，但是当我试图滚动时，滚动轮似乎并不总是工作。触摸和键盘滚动似乎只是很好，但滚动轮非常不一致。有时，如果我进入我的检查工具，打开或关闭一些CSS规则的幻灯片元素，滚动开始很好(不知道为什么)。
最终，我只想有一个简单，容易滚动工作的订婚照片和地点和事件的细节幻灯片。
这里的任何帮助都是非常感谢的。
浏览 3提问于2015-01-10得票数 0
我试图通过查看这个网站的css：来理解它是如何做到的。
我想弄明白的是，当用户滚动时，顶部菜单元素怎么会有来自全屏元素背景图像的背景图像，而又是粘性的？
谁能告诉我他们是怎么做到的？
浏览 2提问于2015-08-10得票数 1
我今天遇到了一个特殊的问题，我从来没有遇到过，也没有注意到。在这里设置地图3.0时，我注意到如果浏览器窗口“小”，小于全屏窗口，在加载地图时，即使浏览器窗口将调整为全屏窗口，地图也将保持较小。
我如何才能更新这里的地图大小，以占用所分配的空间？
我的安排如下，我想知道这样做的原因是否是相对的div。我有它们的原因是，我正在试验有页眉、页脚、其他有滚动条的文本的设计(如果页面上有滚动条，看起来滚动地图会有点紧张)。
<style type="text/css">
#mapContainer {
width: 100%;
heig
浏览 2提问于2014-10-04得票数 10
回答已采纳
2回答
我正在尝试创建一个网页与固定的全屏背景图像和文本或内容滑动到固定的网页时，我滚动。就像这个网站，https://tokoshie-bullet.com/，有一个固定的视频或gif部分，文本和内容滚动。我只需要一些关于如何在HTML中布局它的基础知识，以及我可能需要在CSS中使用选择器的位置，或者如果我必须使用javascript。
浏览 32提问于2020-11-09得票数 0
回答已采纳
我的页面使用.css position:absolute；和百分比高度属性，例如。height 80%;。全屏的时候看起来很棒，但是最小化的时候看起来很糟糕。当它最小化时，我想得到一个滚动条。有没有办法让一个元素在屏幕最大化时是屏幕宽度的80%，但如果屏幕被调整了大小，那么保持初始大小并获得滚动条。
浏览 3提问于2011-07-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
