固定位置元素移出页面/窗口-如何在某一点停止？
在前端开发中，当一个元素被设置为固定位置（position: fixed）时，它会相对于浏览器窗口进行定位，而不会随页面的滚动而移动。然而，有时候我们希望在某个特定的位置停止元素的移动。
要实现这个效果，可以通过监听页面滚动事件，当滚动到达某个特定位置时，将元素的定位属性改为相对定位（position: relative）或静态定位（position: static），从而使元素停止移动。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
#fixed-element {
position: fixed;
top: 100px;
left: 100px;
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div id="fixed-element"></div>
<script>
window.addEventListener('scroll', function() {
var element = document.getElementById('fixed-element');
var stopPosition = 500; // 设置停止位置的垂直坐标
if (window.pageYOffset >= stopPosition) {
element.style.position = 'relative'; // 或者使用 'static'
} else {
element.style.position = 'fixed';
}
});
</script>
</body>
</html>在上述代码中，我们创建了一个固定位置的元素（红色方块），并设置其初始位置为距离窗口顶部100px，左侧100px。通过监听页面的滚动事件，当滚动距离超过500px时，将元素的定位属性改为相对定位或静态定位，从而停止元素的移动。
这是一个简单的示例，实际应用中可以根据具体需求进行调整。腾讯云提供了丰富的云计算产品，可以根据具体需求选择适合的产品进行开发和部署。具体产品推荐和介绍请参考腾讯云官方文档：腾讯云产品文档。
相关·内容
1回答
当在低分辨率显示器上查看我的页面时，我遇到了问题。不是整个页面是可见的。左边有一部分是窗口外的，不能滚动到。
测试它的方法是打开网页并缩小窗口大小。现在您可以看到，我页面的左侧不可见。
谢谢你的帮助：)
编辑：--我想要完成这个任务：
我想要标题标志，菜单，和身体是在一个直线上，因为它是在图片。(但如果窗口太小，它就会分解，因为我使用的是左边的负边距)
浏览 0提问于2013-12-17得票数 0
我正在尝试使用Skrollr (javascript库)制作我的网站：
scrollr运行得很好，但我不能弄清楚一件事。如何停止div滚动到远离屏幕顶部的位置。一旦div的顶部到达页面的顶部，我希望它停止滚动，这样当第二个div开始出现在它的顶部时，它就会给人一种堆叠卡片的感觉。
当向后滚动时，div将在顶部的div离开页面底部后开始滚动。
我希望我的解释是清楚的，如果不是的话，我会尝试用图形来解释。
现在是代码部分。在阅读了文档之后，我尝试了这两种方法：
data-top和data-end实际上都不起作用。
我也试过了：data-top="background-position:0p
浏览 6提问于2013-05-05得票数 5
1回答
我正在尝试使用将页面上的主h1调整为响应站点上的全窗口宽度，但仅当窗口小于某一宽度时才这样做。
我使用媒体查询将宽度大于1170px的字体大小定义为148px，宽度小于1170的字体定义为118px，然后在940px时，我希望FitText接管并调整h1的大小，使其变得流畅，在调整大小时拉伸浏览器窗口的整个宽度。为此，我使用了以下jQuery：
var title = $("header h1");
$(window).resize(function(){
if ( $(window).width() < 940) {
$(title).fitTe
浏览 0提问于2012-08-29得票数 0
回答已采纳
在使用iOS 5的iPad或iPhone上访问我的网站()时，出现了一个我无法修复的问题。当窗口滚动通过代码的每一个位置:固定元素点击事件停止工作。你能帮帮我吗？
这个站点结构使用了一个顶部菜单div和一个带有position: fixed的标题div。当用户单击菜单项时，窗口会水平滚动，直到到达目标位置。在每个img标签上通过jQuery click方法点击菜单项，通过jQuery animate方法($("html:not(:animated)，body").animate({ scrollLeft: varDestino }，1500);)
当页面加载时，菜单就像我想要的
浏览 1提问于2012-02-06得票数 0
回答已采纳
2回答
我已经用尽我的所有手段来解决这个问题。我张开双手跪下！
您可以在这里查看页面草稿：
如果您想了解页面的工作原理，只需在Firefox中查看它(浏览器窗口小于992并向下滚动即可。边面板开始附加，然后“修复”成为静态的，而其余的内容移动。这是正确的行为
主要问题。
这个问题出现在Chrome上。当菜单列和细节列'fix‘(稍微向下滚动)所有的数字地狱都散开了。
次要问题。
当视图窗口约为1200 up时，菜单列和主内容面板之间的空间将加倍。这并不像第一个问题(我试图用额头摧毁我公寓的挡土墙)那么大--但它让我相对沮丧，因为我相信一定有一个更优雅的解决方案，迫使它
浏览 2提问于2013-11-04得票数 1
我使用为我的网站，它的工作很好，但它麻烦我的固定div头。当我向下滚动页面，标题完美地贴在顶部，但一旦我打开画布菜单，我的标题消失？当我关闭我的画布菜单时，它突然回来了。看起来怪怪的。
您可以检查(代码笔) 或直接运行下面的代码段。
我希望它在打开画布菜单时保持可见。我会感谢你的帮助。
提前谢谢。
/*! Pushy - v1.0.0 - 2016-3-1
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/chri
浏览 2提问于2016-08-06得票数 0
回答已采纳
JQuery UI的.resizable函数不支持position: fixed;元素。当您尝试调整它们的大小时，它会将它们的位置属性切换为绝对。有什么推荐的修复方法吗？
我有一些弹出的聊天窗口，可以在文档中拖动。它们的位置是固定的，所以它们不会随着后面的页面滚动。它们都能完美地工作，直到你尝试调整一个窗口的大小，这时它会转换成position: absolute;，然后当页面滚动时就会被抛在后面。
我尝试处理resize停止事件并将位置更改为fixed：
stop: function (event, ui)
{
$(chatWindow).css('p
浏览 1提问于2011-01-28得票数 14
回答已采纳
升级到Ubuntu21.04 "hirsute“后，用ALT+TAB更改程序窗口就停止工作了。过了一段时间，我无法在程序之间跳转。
此外，收藏夹栏中显示程序是打开/活动的红色点不会在关闭/关闭程序后消失，至少对于雷鸟来说是这样。
~$ cat /etc/lsb-release
DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=21.04
DISTRIB_CODENAME=hirsute
DISTRIB_DESCRIPTION="Ubuntu 21.04"
~$ echo $XDG_CURRENT_DESKTOP
ubuntu:GNOME
有人知道怎么
浏览 0提问于2021-07-02得票数 8
我遇到的问题是，我有6个覆盖DIVs，它们在页面加载时隐藏在页面之外。如果用户在浏览器最大化时加载页面，这将非常有效，DIVs位于页面顶部之外。但是，如果浏览器以较小的窗口启动，然后用户更改窗口的高度(或最大化浏览器)，则隐藏的DIVs不再隐藏在顶部之外，而是爬行到页面的顶部。
这是我为DIV编写的CSS代码：
.Overlay {
position:absolute;
text-align:justify;
width:100%;
z-index:1;
background:#111111;
display:block;
opacity:0.9;
min-height:100%;
top:
浏览 5提问于2014-05-25得票数 1
1回答
我是一个新的超文本标记语言和jQuery开发。我正在处理一个项目，在这个项目中，我想创建一个弹出窗口，该弹出窗口在页面重新加载时默认处于打开状态。弹出窗口应该位于右下角(与Facebook聊天相同)。
我找了很多，但什么也找不到。我现在被卡住了。
浏览 1提问于2014-08-14得票数 0
我正在做一个响应式设计，其中我有一个div容器，应该固定在视口的底部。问题是，当我向上/向下滚动页面时，div一直在移动，它需要一段时间才能回到固定位置。
有没有人知道如何解决这种跳跃？除了position: fixed和bottom: 0，我还能做什么？
谢谢！！:)
浏览 0提问于2013-04-06得票数 12
1回答
我的css中有一个元素，如下所示
.xyz{
position:absolute;
left:50%;
}
现在，正如预期的那样，当我缩小浏览器窗口的宽度时，这个元素会向左移动。但是，我希望它在某个点停止，因为否则它会开始重叠其他元素。原则上，这非常类似于最小高度和最小宽度的特性.但没有像民左或民顶这样的财产。我怎样才能实现这一点。
浏览 2提问于2014-04-23得票数 1
回答已采纳
在的右下角，有一个YouTube play按钮，当单击该按钮时，会打开一个模态窗口，但是该模式窗口出现在浏览器窗口的顶部，因此用户必须向上滚动。
<img src="http://gm.insightcomdes.com.au/wp-content/themes/wtc%2029.3.18/images/icons/video-play.png" width="" height="" alt="play video" class="aligncenter" id="toggle">
j
浏览 1提问于2018-04-05得票数 0
回答已采纳
我已经创建了一个弹出窗口，它将出现并几乎填充屏幕，并且这个弹出窗口是固定的，因此当用户滚动主页时，弹出窗口将保持在屏幕的中心位置。但是这个弹出窗口也是可滚动的，我在它的顶部有一个标题，我希望它始终是可见的。
如何修正标题，使其在弹出窗口滚动时总是可见的？
如果您设置position:fixed，这总是相对于浏览器视图，因此它将固定在页面的顶部，而不是它的父容器。这是Webkit中的粘性定位任务，还是如何实现？
-滚动蓝色弹出和黄色标题滚动时，我想要修复。
浏览 3提问于2014-12-10得票数 0
回答已采纳
1回答
只是为了练习而使用jQuery/CSS响应菜单，我遇到了一个问题，如果不从根本上改变菜单的工作方式，我根本不知道如何解决这个问题。
基本上，如果你看一下，你就会明白它是如何工作的。如果你把浏览器窗口缩小到800px以下，它就会进入一个滑出式菜单。这都是固定的位置，所以当你向下滚动内容时，页面顶部仍然可见。
我遇到的问题是浏览器窗口很小(比如在手机上)。当您轻触主菜单项(或桌面上的鼠标悬停)之一(如“信息”)时，屏幕底部会列出许多子菜单选项，并且，当您滚动页面时，菜单后面的内容会滚动，而不是菜单本身。
显然，这个问题的解决方案是，当菜单打开时，它应该获得滚动优先级，而当菜单关闭时，页面内容应该获
浏览 0提问于2014-05-19得票数 0
1回答
我有一个页面，将弹出一个使用
$('#showpopup').fancybox().trigger('click');
当用户浏览页面时，这可能会被触发弹出几次(而不是一次)。
在弹出窗口中有一个按钮，单击该按钮时会触发操作
$('#mybutton').click(function(){
$('#otherbutton').trigger('click');
});
当fancybox弹出窗口第一次显示时，我点击了#mybutton，#otherbutton将触发一次。
当fancybox弹出窗口第二次
浏览 0提问于2011-12-20得票数 1
回答已采纳
当我们给一个元素一个具有垂直和水平偏移(例如底部和左侧)的位置属性绝对时，它是相对于位置属性为相对的最近父元素定位的。
如果没有父元素具有相对属性，则相对于浏览器窗口定位绝对定位的元素。固定定位的定义与它所说的完全相同，“固定定位是一种绝对定位，其中元素相对于浏览器窗口进行定位。”
我的主要问题是，为什么当页面向下滚动时，绝对定位的元素会向上移动，而当它们都相对于浏览器窗口放置时，固定定位的元素不会向上移动。
浏览 2提问于2018-06-18得票数 0
2回答
A有一个弹出式div。但在弹出窗口中，它被隐藏在页面上的其他元素后面。如何确保弹出div始终位于页面上其他元素的顶部？
浏览 1提问于2012-05-09得票数 3
回答已采纳
2回答
我在我的OpenCart (2.3.0.2)网站上有一个带有粘性购物车按钮的按钮。我们的想法是，只有一个页面可供订购(只需要几个三明治，不需要分类和产品页面)，所以我在页面右上角添加了一个购物车按钮：
#cart {
position: fixed;
top: 0;
right: 0;
}
这在桌面网站上有效，但在移动设备上滚动时，我会得到以下信息：
正如你在右上角看到的，按钮向上滚动了一点。在此之后，按钮将与页面一起滚动。
这个问题有什么解决方法吗？
浏览 4提问于2020-03-04得票数 1
我正在尝试让以下代码在没有硬编码到应用程序中的670px的情况下工作：
<tr>
<td height="100%">
<div id="navigation" class="navigation">
<jsp:include page="menu.jsp" flush="true"/>
</div>
浏览 1提问于2011-04-08得票数 1
我目前正在定制我的Big Cartel网站，当使用Parade主题时，我遇到了标题图像与页面滚动的问题。
这对于我的商店主页是可以的，但是对于我的Lookbook页面，它覆盖了我太多的内容，我希望它要么被隐藏，要么停止滚动。
有谁有解决这个问题的办法吗？
非常感谢!
.header {
background-color: transparent;
padding: 50px;
position: fixed;
top: 0;
width: 100%;
z-index: 97;
}
@media screen and (max-width: 767px) {
.hea
浏览 5提问于2018-09-27得票数 1
3回答
页面一角的电子邮件图标是我想要的那种东西。这是一个一定的高度，从页面的顶部和后面的页面。我成功地做到了这一点，但是当我调整尺寸的时候，它会超出我想要它去的地方。这是我的自动取款机代码：
b.remove(), a(this).hasClass("i-am-new") ? a(this).css({ top: (a(window).height()-600) + "px" }) :
a(this).animate({ top: (a(window).height()) + "px" }, 500), window.inne
浏览 4提问于2014-03-13得票数 0
回答已采纳
我已经问了一个问题，答案很好。
然而，我想要一个更棘手的以浮动弹出窗口为中心的窗口：
如果我的页面是1000px高的，而我只查看上面的部分，我不希望弹出窗口以500px的速度弹出，而是在屏幕可见部分的中间弹出。
有没有办法在CSS中访问页面的可见部分？
谢谢
浏览 2提问于2009-07-30得票数 0
回答已采纳
1回答
我有一个很好的库，适用于鼠标和触摸系统。对于触摸，它通过clientX和clientY (e.targetTouches[0].clientX, e.targetTouches[0].clientY)获取触摸位置。它使用这些坐标来放置具有position: fixed的拖放元素。
然而，至少在IOS Safari上(11.x版)，当缩放显示时，用于定位的坐标系统: for不再与窗口坐标系匹配。因此，拖放元素显示在页面上的错误位置。
将放大的浏览器窗口想象成一个小矩形视图到包含未缩放内容的较大矩形上。位置:固定坐标系使用较大的矩形。窗口坐标系采用小坐标系。
当您滚动时，窗口以难以描述的方式环绕较
浏览 2提问于2018-08-29得票数 4
2回答
我注意到一个让我发疯的行为。
我有两个div，它们都有相似的css：
.one, .two {
position: fixed;
bottom: 6%
}
一个div用于导航，另一个用于内容，最大高度为300px。问题是，如果用户将浏览器窗口调整为非常小的窗口，则不会显示滚动条。
我试图将位置更改为绝对，但是如果加载了新页面，ajaxify插件就会破坏这个位置。我找不到其他的想法，如何将这些div定位在底部的固定位置。
附注：我在上粘贴了一个示例测试
浏览 0提问于2013-06-12得票数 1
我有以下情况：
我使用打开解决方案中存在的特定页面。
现在，我想在这个窗口的底部放置一组按钮的面板(常量面板)与页面分开。
但我不知道该怎么做。
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="RadWindow1" runat="server" ShowC
浏览 0提问于2012-12-06得票数 0
1回答
我试图让div在页面到达浏览器窗口的底部边缘时停止滚动。它下面什么也没有，我尽量避免那里有空格。
我见过许多方法来阻止屏幕顶部的东西，或者当另一个div出现在视图中时，但不是这种情况。
有什么想法吗？
浏览 0提问于2015-04-11得票数 0
OK...here走了。我正在开发一个定制的内联网系统，它有一个假日日历。这个页面很长，需要滚动。这就是问题所在。
如果我在IE中向下滚动页面(公司政策)，然后单击某一天(这是一个表格单元格)，...a弹出窗口(Div)应该会显示在我单击的位置。现在它出现了，但在页面的顶部。理想情况下，它应该显示在我点击的地方...
非常感谢您的帮助，因为我是JavaScript和Jquery的新手
谢谢
浏览 1提问于2010-08-19得票数 0
2回答
我的网站有两个问题。首先，它不会在有多余空间的地方向下滚动(参见)。第二个问题是，我的站点无法识别其宽度，所以我很难将图片或元素放入其中，因为它们不适应站点大小(参见)。
以下是内容元素：
#content {
width: 100%;
margin:0 auto;
background:#ffffff;
font-size:1.20em;
min-height:400px;
padding: 0px;
text-align: justify;
line-height:1.5;
}
这里是我的网站HTML：
<html>
<link rel="s
浏览 2提问于2014-06-16得票数 0
回答已采纳
1回答
我真的很想得到一个页面滚动条，因为自动柜员机的东西走出窗口，好像溢出:隐藏设置，但我没有使用它。
我可以把我所有的代码都放在这里，但我认为jsfiddle会更好：
我试过了
body {
border: 0;
padding: 0;
margin: 0;
font-family: "Helvetica";
font-size: 20px;
overflow: visible;
}
还有scroll，auto，inherit，这些都没有用。
浏览 0提问于2012-07-01得票数 1
回答已采纳
我用Safari构建了一个网站，我刚刚在Firefox上测试了它，我的固定导航元素表现得好像它们的位置是绝对的。
#navigation {
display: block;
width: 100%;
height: 50px;
position: fixed;
left: 0px;
bottom: 0px;
text-align: center;
z-index: 99000;
}
这是我为主导航包装器提供的CSS (它是一个底部导航器)。在Webkit中，它工作得非常完美:也就是说，它不受约束地附着在窗口的底部。在firefox
浏览 4提问于2014-01-29得票数 19
回答已采纳
我有一个解决方案，我必须为我的网站弹出一个自定义模式消息框。当显示模式弹出窗口时，我必须设置整个页面的颜色和不透明度，以便模式弹出窗口突出。我将下面的css类注入body标记来完成此操作。
.fade_background
{
background-color: black;
opacity: 0.65;
}
它适用于页面中的所有元素，除了具有固定位置/绝对位置的元素。我知道固定位置元素将视区作为父元素。
有没有什么想法可以让我也针对固定位置元素呢？
浏览 1提问于2015-08-15得票数 0
2回答
我有一个固定的元素(div)，我想要与我的页面一起滚动。但是，当固定元素到达容器(div)的末尾时，我希望它停止滚动页面。
我正在尝试使用CSS来实现这一点，或者jquery是我的最佳选择吗？
浏览 0提问于2010-10-21得票数 0
2回答
我有一个页面，在这个页面中，我必须防止某些层在到达特定位置时向上滚动。我正在使用jQuery来实现这一点。我已经在不同层的几个页面上做到了这一点，没有任何问题。
然而，我在其中一页上遇到了这个奇怪的问题..
当我停止滚动元素时，我失去了窗口滚动条。
我使用下面的jQuery代码
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > 404){
$('#sub-header').css('position','fixed&
浏览 3提问于2013-06-25得票数 0
4回答
我的平滑滚动插件不工作，因为图像还没有完成加载之前滚动启动。我试图将hashchange函数封装在一个加载窗口的函数中，但它似乎不需要等待窗口加载。
编辑:它不能工作，因为页面的高度是不正确的，在页面卷动之前。
$(document)
.on('click', 'a[href*="#"]', function() {
if ( this.hash && this.pathname === location.pathname ) {
$.bbq.pushState( '#/' + this.hash.slice(1)
浏览 5提问于2014-09-30得票数 0
我在这里写作，因为我的页面中的脚本有一些问题。我有一个关于菜单焦点的问题，我在一两周前在这个论坛上写了它，但是一个很棒的脚本告诉我，一个用户有一个bug，我不知道如何解决它。我已经尝试了很多可行的解决方案，但问题仍然存在。
下面是模拟我的问题的代码：
$(document).ready(function() {
$('#handle').mouseenter(slideIn);
$("#box").mouseleave(function() {
$(this).animate({
left: "-=
浏览 1提问于2012-11-29得票数 0
2回答
位置:固定溢出父对象
、、、、
任何帮助都将不胜感激。
下面是一个简化的代码片段。我遇到的问题是“logo”类的位置与我希望的位置完全相同，即相对于整个页面/窗口。因此，当我向下滚动页面时，“logo”元素在父元素中向下移动。
问题是，尽管“logo”元素是“page”元素的子元素，但即使在父元素的边界之外，“logo”也总是可见的，尽管将父元素“overflow”设置为“hidden”。
如果有人知道如何用CSS纠正这个问题，那将是非常棒和首选的。jQuery ( JavaScript )也是一种选择，不过如果可以的话，我更愿意避开它，因为我非常清楚，一旦完成，这个站点将会是非常繁重的JavaScript。
<sty
浏览 2提问于2013-01-17得票数 0
1回答
这是一个非常基本的问题，但这是我第一次在应用程序中做任何动画。
我有下面的场景。视图1与一些文本显示，并在某一时间，其他视图2和3应动画从顶部向下推到第一个视图。
目前，我正在使用自动布局的故事板。当我想要动画或者继续使用它的时候，我应该停止这样做吗？是否必须以编程方式添加/更新约束或显示/隐藏视图？
我试过表演[隐藏]，但它似乎对我没有用。在尝试时，我添加了所有视图(右图片)，然后将视图2和3设置为隐藏，希望底部视图自动上升，但这不起作用.
我没有尝试手动设置约束，因为我以前从未这样做过。我对该如何做有基本的了解，但我想首先知道这是否可行？
浏览 1提问于2015-08-31得票数 0
回答已采纳
我有一个元素，其中position: sticky嵌套在一个元素中，元素中包含position: fixed，该元素覆盖在页面的可滚动主内容之上，如下所示：
为什么当我滚动到主要内容时，stickyd元素会滚动？
浏览 0提问于2018-03-09得票数 0
我正在使用java编写一个selenium脚本。
在我的场景中，我有一个选择按钮和一个OK按钮。当我第一次加载页面时，“选择”按钮被启用，“确定”按钮被禁用。当我单击“选择”按钮时，会出现一个弹出窗口.
然后，从弹出窗口中的日期选择器中选择日期。选择日期后，单击弹出窗口中的“确认”按钮。单击确认按钮后，弹出窗口关闭，Book按钮启用。
这是我的测试场景。但是，当我运行这个程序时，我的测试在点击Book按钮时失败了。
所以，我用FluentWait来恢复这个。但是，当我运行我的代码时，它只会忽略FluentWait部分并运行代码。
有人能告诉我如何使用我的脚本点击OK按钮吗？
这是我的密码。
/
浏览 1提问于2016-05-04得票数 0
回答已采纳
1回答
有没有办法在Webworks中为黑莓手机6.0+创建固定的页眉和页脚？
我试过使用iScroll -在平板电脑操作系统上运行良好，但在BlackBerries上运行不佳，它在浏览器中运行良好，但在“编译”时会停止工作。
它看起来像是任何位置的东西:绝对的；会缩小整个页面。
Header <- absolute
Content <- normal
Footer <- absolute
由于某种原因，整个页面缩小到40ish像素(页眉的高度)
html和body的高度都是100%，而content div在header之外：
<div id="header"
浏览 1提问于2012-02-06得票数 1
回答已采纳
1回答
我尝试使用jQuery来计算窗口高度，然后将该值应用于DIV (容器div)，最后我希望jQuery将一个元素与页面底部对齐。
<div id="wrapper">
<div id="element-align">Here is the element i wish to align to the bottom</div>
</div>
浏览 0提问于2011-05-17得票数 14
回答已采纳
我试图创建一个简单的画布“推送”菜单。当单击菜单触发器时，菜单从视图的右边滑入，并按主内容div按菜单的宽度偏移。
jQuery可以工作(即将菜单推送到页面上，并将内容从页面上推开)，但是动画并不像预期的那样工作。有一些“追赶”的菜单移动速度慢于主要的内容区域。
我设置了一个transition-delay来解决这个问题，但它似乎并没有达到我想象的效果。
我如何设法使内容div移出屏幕，使它们看起来像被菜单所推送？
下面是我的问题的一个例子：
这是我的代码：
$('.nav-trigger').click(function(){
$('nav').addCl
浏览 3提问于2016-12-30得票数 1
回答已采纳
编辑:为了简单起见，我将覆盖的问题(见下面的背景)减少到div的宽度。然而，通过这样做，我制造了一个不同的、有点人为的问题。接受的答案解决了我真正的问题。“减少”的问题没有得到解决。
如何使宽度等于页宽的100%的div？(不设置固定的min-width)
从表面上看，解决方案是微不足道的。具有100%宽度的<div>本身应该是可以的。除非您将浏览器窗口缩小到页面宽度以下(即滚动条出现时)，否则这很好。然后，<div>元素的宽度等于窗口大小，而不是页面大小。
演示代码上的注意事项:第一个div模拟页面宽度。下面的div是我在所有页面上实现一个元素的尝试。如果页面足够大(
浏览 1提问于2014-09-24得票数 0
回答已采纳
如何将“树”定位在第二行的顶部？
我已经阅读了一些有关这方面的资料，有些声称fixed是相对于其外部容器定位的，另一些是相对于浏览器窗口的。位置:绝对，我读过它相对于浏览器窗口，但是声称它相对于第一个定位元素。所有这一切都让我的头脑有点模糊，尽管玩弄着这两种属性，但我并没有真正理解这一点。
浏览 3提问于2011-06-23得票数 1
回答已采纳
我花了很多时间试图弄清楚如何使我的页脚响应(无论是哪一页，都坚持在页面底部)。我终于想出了让它这样做的代码：
position: absolute;
bottom:0;
但是现在，某些页面的页脚被卡在中间。似乎正在发生的是，页脚div没有在特定页面上识别它上面的包装器(body) div。所以脚在某一点上就会停下来，身体也会继续扩张。
你会明白我在的意思
我确信有一两行简单的CSS可以解决这个问题。请帮帮我！
浏览 2提问于2013-10-30得票数 0
回答已采纳
3回答
我在我的website.So中创建类似聊天的facebook每当用户单击与某人聊天的时候聊天窗口应该在右下角打开corner.The下一个窗口应该留给另一个打开的聊天windows.Also聊天窗口不应该在page.They上占据额外的高度应该只是放置在较高的z索引上以重叠它们后面的页面内容我在css中不是很好，请help.following是我正在使用的代码，但它不能正常工作
.chat{
z-index:50;
width: 300px;
height:300px;
margin-left:10px;
float:right;
border:
浏览 3提问于2013-02-22得票数 0
回答已采纳
1回答
我要盖伊站在海报上。两个元素都必须有固定的位置。如果我把gui的位置设置为绝对但固定不起作用的话，它会很好。
#gui {
width: 250px;
height: 50px;
position: fixed; // If I change to absolute then it works.
background-color: green;
}
#poster {
width: 250px;
height: 250px;
position: fixed;
background-color: red;
z-index: -1;
}
<div i
浏览 1提问于2017-02-10得票数 0
回答已采纳
1回答
简而言之，问题体现在这里：
点击Opera或Firefox中的"Total Cost of Ownership“，页面顶部会弹出预期的弹出窗口。但是，在IE (在版本6和版本8中测试)中，它显示在页面底部。
下面是我使用的CSS和JS。
我认为问题出在CSS上，但我真的不知道是哪里出了问题--我从来不太关心IE的兼容性。
浏览 0提问于2011-03-29得票数 0
回答已采纳
1回答
我在if语句中遇到了一点麻烦。
我有一个小的灯箱弹出错误消息在网站上运行。除了我的windows手机，弹出窗口会在屏幕顶部加载(很明显，手机不喜欢绝对定位)，一切都能正常工作。
我的解决方案是简单地滚动到页面的顶部来显示这个(但只在ie-mobile上)。下面是我的代码：
function checkiemob()
{
if (navigator.userAgent.match(/iemobile/i))
{
window.scrollTo(0,0);
}
}
如果我删除If语句，就可以很好地工作。我还测试了if语句，只需插
浏览 0提问于2013-06-05得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
