如何创建一个与页面滚动的中心div？
创建一个与页面滚动的中心div，可以通过使用HTML、CSS和JavaScript来实现。以下是一个简单的示例代码：
HTML代码：
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
height: 2000px;
}
.center-div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: lightblue;
padding: 20px;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="center-div">
这是一个居中的div
</div>
</body>
</html>在这个示例中，我们首先设置了body的高度为2000px，以便页面有足够的内容来滚动。然后，我们创建了一个名为center-div的div，并将其位置设置为页面的中心。我们使用了CSS的position属性和transform属性来实现这一点。最后，我们为该div设置了背景颜色、内边距和边框。
这个示例中，我们没有使用JavaScript，因为CSS已经足够实现所需的功能。如果你需要更复杂的交互，可以使用JavaScript来实现。
推荐的腾讯云相关产品：
- 腾讯云对象存储（COS）：一种分布式存储服务，可以存储和管理大量的非结构化数据。
- 腾讯云CDN：一种内容分发网络服务，可以加速网站的访问速度和用户体验。
- 腾讯云服务器：一种云计算服务，可以提供虚拟化的服务器资源。
产品介绍链接地址：
相关·内容
2回答
我需要滚动到div，但是我不需要在滚动后将div放在页面的顶部
我需要它在页面中，如何在页面的中心中这样做。
我看到许多问题，使滚动的权利，但在页面顶部，我需要它滚动，但在中心页面的div。
我试过了，但是这个滚动到页面的顶部
$('html,body').animate({
scrollTop: $("#"+div).offset().top},
'slow');
谢谢
是滚动到div，但使它在页面顶部，而不是中心。
浏览 5提问于2015-12-23得票数 0
回答已采纳
3回答
修正右手边的菜单
、、、
我有一个网页的中心有一个主要的div，可以滚动通过垂直。
我想有一个固定的菜单，停留在右手边的页面。但是，如果我使用'position: div‘，当我调整页面大小使其小于中心div时，菜单会与中心div重叠
全宽页面：
调整大小后的页面：
相反，我希望中心div的最小宽度优先，在这种情况下，固定菜单只能通过向右滚动来显示。
是否可以将固定菜单放在中心div的右侧，而不是固定在浏览器的右侧？
如果这个问题不清楚，我很抱歉，我很乐意在评论中回答任何不确定的问题。
浏览 1提问于2017-12-01得票数 0
我已经做了一个网站，在页面的底部有一个链接，显示在页面的中心使用JQuery的div…
所以当你点击你停留在同一页上的链接时，整个页面都会淡出，而这个div (包含业务和网站的使用条款)会淡入……我希望这个div留在浏览器的死角中心(它目前是这样做的)，但因为页面足够长，你需要滚动div不集中，然后你必须再次滚动查看它(因为所说的链接在底部的页脚)，我如何创建一个链接到页面的顶部，这将不会刷新所说的页面！
谢谢你的帮助。我试着说得通，但我觉得我有一个稍微复杂的简单问题。
[=
浏览 0提问于2012-03-22得票数 1
回答已采纳
尝试使用包含所有内容的单独div部分来实现对话框样式的行为。
当“对话框”需要显示时，它必须显示在窗口的中心，而不是页面的中心，也就是说，无论滚动位置如何。此外，如果用户滚动页面，正确的解决方案不会移动“对话框”。
在Chrome和FF中，使用position=‘div’并以直观的方式将div居中。
这似乎在IE6中不起作用(显然在那里不支持修复)。
有什么想法吗？
浏览 0提问于2008-11-25得票数 2
回答已采纳
我正在创建一个页面，主要显示不同类型的媒体、图像和视频。我希望能够暂停用户滚动到遥远和过去的媒体。我的意思是，我希望媒体在屏幕上成为死中心，所以用户来到页面上，开始滚动到下一个媒体对象，当媒体对象在屏幕上是死中心时，我想阻止用户再滚动一秒钟，这样他们就不会滚动到很远的地方。
我试过了的例子
然而，它似乎只起作用了第一次.
这是我的密码
.scroll-snappers,
.snapit {
height: fit-content;
}
.scroll-snappers {
scroll-snap-type: y mandatory;
}
.snapit {
scroll-s
浏览 2提问于2019-11-22得票数 1
回答已采纳
1回答
我希望创建一个没有窗口滚动条的灵活的宽/高页面布局！
任何不适合页面的内容都应该可以使用overflow属性独立滚动。
我见过很多仅使用HTML和CSS就可以构建灵活宽度布局的方法。
下面的站点在这方面做得很好：
我希望在3个中心列中实现滚动内容。内容应该是可滚动的，而不是列div。
例如：
<div class="column">
<h4>Title</h4>
<ul>
<li>These</li>
<li>Items</li>
浏览 1提问于2010-04-30得票数 1
回答已采纳
我在屏幕上的某个地方有一个可滚动的div。
我在某个地方有一个那个div的孩子。
如何滚动div以将该子对象放置在可见区域的中心？
(如何确定div的可见宽度和高度，以及如何滚动以放置以此为中心的矩形控件？)
浏览 5提问于2012-04-18得票数 1
我有一个位于页面中心的overflow-y div。我创建了一些锚链接按钮，可以滚动到overflow-y div中的某个区域。我的问题是，当一个按钮被点击时，整个页面会滚动到页面中心的div的顶部。我只想让overflow-y div的内容在不滚动整个页面的情况下向下滚动。
这是一个小提琴
<div class="pageWrapper">
<div class="wrapper">
<div id="serverNav">
<a class="button" h
浏览 1提问于2014-10-20得票数 0
2回答
我正在使用jquery布局插件，有以下情况无法找到解决方案。如何通过将div拖到底部边框之外，使中心窗格永久地增大其大小。
我有一个左窗格和一个中间窗格。当用户单击左侧窗格时，我会动态生成div。生成div并将其拖放到中央窗格中。divs是可拖动的和可调整大小的。所有的工作与拖动和调整可见中心区域的大小很好。当我将div拖到底部之外时，中央窗格上的滚动条就会出现，中心窗格似乎正在扩展以适应拖动的div的新位置。但是，当我试图调整div的大小或添加另一个div时，它会跳转到div的顶部，并重置滚动条。我在firebug中检查了中心div高度，即使在将新div拖到底部之后，初始化时它仍然保持在相同
浏览 5提问于2010-12-16得票数 1
4回答
我有一个网页。它太高了；在页面中，我在页面底部有一个div。我想在页面的中心部分显示div。它以我喜欢的方式出现在页面中心的底部位置，但需要滚动。有没有可能在不滚动的情况下在div上设置焦点？
浏览 0提问于2009-11-11得票数 0
回答已采纳
我已经创建了一个div，这样当鼠标中心被触发时，必须查看另一个div，这是通过slideToggle实现的。现在，我的问题是，必须切换的div部分显示在页面的右边，除非用户向右滚动，否则不可见。我怎么才能阻止这一切？我希望div出现在下一行，不希望页面横向展开，因为这破坏了体验。
编辑:该页面在大多数情况下运行良好，但在chrome +宽屏幕上显示。
您可以看到这个悬停在橙色div的图像上，第一页向下。
浏览 0提问于2016-02-15得票数 0
回答已采纳
我试图显示一个div垂直和水平中心，这很好，但当我向下滚动页面，并尝试在底部的链接(这是一个注释框)，然后它显示在页面的顶部，而不是在屏幕上，你需要滚动使用它。即使用户已经向下滚动，我如何使它以中心为中心呢？
到目前为止，这是我的代码(从我所做的研究中)：
$("#comment").css('top', ((screen.height / 2) - ($('#comment').height()/2))+'px');
$("#comment").css('left', (screen.width
浏览 3提问于2014-02-19得票数 1
回答已采纳
3回答
在我的网站上，我想在页面底部有一个'div‘。它没有固定的高度，但应该始终从页面顶部开始“200 of”。
我遇到的问题是，当“div”的内容很长时，当您向下滚动时，它的背景不会扩展。
这是我的代码：
我尝试过使用height=auto和border=auto，但是当内容较少时，'div‘就不会延伸到页面底部，您也不必向下滚动。
更新
很抱歉，我错过了表达我的问题:我需要'div‘有position: relative，因为我需要它定位在页面的中心与left=10%和right=10%。
我还更新了JSFiddle。
更新2
我想这个问题没有完美的解决办法。我最终要做的
浏览 2提问于2014-02-11得票数 0
2回答
假设我有一个中心div的站点，大约是窗口宽度的50%，其他div的两边都填满了剩余的空间。跨越div是固定的，不能移动，也不能滚动。
现在，当我的鼠标超过一个跨越的div时，我(自然)不能滚动中央div。我的问题是:是否有一种方法总是在特定的div上滚动焦点，而不管鼠标在页面上的位置？
编辑:我真正拥有的是：
<div id='wrapper'>
<nav id='sidebar'></nav>
<div id='rhs'></div>
</div>
其中包装
浏览 5提问于2015-09-28得票数 1
回答已采纳
我被困在固定我的菜单div的位置，它位于页面的中心，有时位于顶部，这取决于内容。我想在滚动页面时固定div的位置，这样它就会显示在页面的顶部(即使它在页面的中心、顶部或底部).Please让我知道如何获得div的位置，并使用jquery在页面顶部应用固定的css位置。例如
浏览 0提问于2013-05-03得票数 0
我花了大约两个小时来学习如何在屏幕上居中显示div。因此，当你向下滚动一个巨大的页面并点击一个链接时，div“弹出”应该出现在屏幕的中心，而不是页面的中心。
如果你采用这样的代码，它只会在页面上居中显示div，所以如果不向上滚动它是不可见的：
.centerDiv {
width: 800px;
border-radius: 5px;
background: #ccc;
padding: 10px;
height: 50px;
position: absolute;
margin-top: -25px;
margin-left:
浏览 0提问于2015-05-01得票数 1
3回答
我正在尝试在不使用bootstrap或类似库的情况下从头开始创建一个模式。这是我的css .modal-background {
position: fixed;
z-index: 2147483645;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.2);
}
.modal-container {
position: absolute;
left: 0;
top: 0;
浏览 18提问于2021-04-20得票数 0
回答已采纳
2回答
经过近一个小时的搜索和另一个小时的实验，我似乎无法找到如何在CSS/HTML中完成这项工作。
给定以下图像，其中蓝色框是在固定像素宽度下保存页面主要内容的div，则红色框是在固定像素宽度处保持装饰的div，并且黑线显示浏览器大小：
A- Would 不功能是水平滚动条，因为什么都不隐藏.一切都以中心为中心。
如果不是功能的水平滚动条，因为只有侧div是隐藏的。主分区是居中的。
C-将支持一个水平滚动条，因为现在主div无法在页面上显示。主div是中心，不应该能够滚动看到侧div。
我想在页面上添加额外的装饰，而不对屏幕分辨率较小的用户或仅在调整窗口大小的用户造成损
浏览 15提问于2012-10-12得票数 0
-I使用Div创建了一个导航条
-I为它指定了宽度/高度
-I调整了填充值，使其看起来很漂亮。
-I将"top“设置为0，以消除在页面滚动时出现的任何泄漏。
-I设置了一个固定的位置，这样当用户在页面上滚动时，它总是停留在页面的顶部。
--在这个世界上，我如何将DIV块中心(同时不调整内部的元素)？，我尝试了" center“标记，但没有结果。
这是我的代码：
<html>
<body>
<div align=right style="width:465px;padding-top:10;padding-right:20;top
浏览 0提问于2014-01-02得票数 0
回答已采纳
6回答
我试着把水平滚动条定位在那个div的中心。我厌倦了window.scrollTo()，但这适用于页面滚动，而不是div滚动。
$(document).ready(function(){
var outerContentWidth = $('.abc').width();
var scrollPosition = outerContentWidth/2;
$('.abc').scrollLeft(scrollPosition);
});
演示：
浏览 18提问于2015-07-31得票数 9
回答已采纳
我有一个包含两个div的vue页面。Select-Div有一个元素列表。如果我单击列表中的一个元素，Scroll-Div应该滚动到里面相应的id元素(最好滚动到该元素的中心)，其中包含列表元素详细信息的详细描述。 我遇到的问题是，如果我使用scrollIntoView，那么整个页面也会滚动到中心位置-所以滚动分区和主页的滚动都会滚动到它所在的位置。 还要注意:在Scroll-Div中有一个递归组件，所以我只能使用id而不能使用refs。 我在主页上的goTo()函数： goTo(id) {
const element = document.getElementById(`
浏览 74提问于2021-11-15得票数 1
6回答
我有一个div，我需要显示这个div在屏幕的中心(即可视区域)，即使用户在页面中滚动。
所以它的风格应该是(例如)
{position:fixed; top:90px; left:150 px; z-index:9999; overflow:hidden;}
现在我需要找到左边和顶部的值，这样div将放置在屏幕的中心(即可视区域)，用于任何页面。
如何使用javascript或jquery找到左侧和top的值？
浏览 4提问于2012-09-07得票数 0
回答已采纳
我正在尝试在CSS中创建以下布局：
这是一个典型的web布局，其中所有内容都在一个包装器DIV中，该包装器DIV具有定义的宽度，并且位于页面的中心。
但是，紫色背景是CSS渐变，需要填充浏览器的整个宽度(而不仅仅是内容包装器的宽度)。此外，不同的页面将具有不同的标题/介绍文本行(例如，某些页面可能有3行，而其他页面可能只有1行)，因此紫色背景需要与此内容的高度相匹配。
我还使用了一个内容管理系统，它将所有内容放在一个有宽度并以margin:auto为中心的包装器中。
如何实现布局？
起初，我认为我可以在headline/intro中使用position:absolute。这很好用。除
浏览 0提问于2012-10-06得票数 1
我正在尝试创建一个固定的div，这样即使我向下滚动页面，div仍然位于页面的中心。但是我有一个问题，即使向下滚动，div的某些部分仍然隐藏。请查看此以查看代码和问题。
HTML:
<div class="wrap">
<div class="main">Normal div </div>
<div class="box">This should be in the slide down if page is scrolled down.</div>
</div
浏览 2提问于2011-08-26得票数 1
回答已采纳
我的页面很大。所以垂直滚动条就要来了。假设我在页面的中间，我可以通过滚动来上下滚动。我希望当我在页面中间时，我的div应该放在页面可见区域的中心，而不是页面的中心。我需要在浏览器窗口页面的可视区域中心显示div。我不确定我能不能解释我想说的话。可见区域指的是我一次可以看到的区域，而不是整个页面。
所以请指导我如何获得页面可见区域的高度和宽度，而不是整个页面。指导我如何放置在页面可见区域的中心，而不是整个页面。可见区域并不是指整个页面，而是指无需滚动页面即可一次看到的区域。
我在谷歌上搜索，找到了指南，我写了相应的代码，但它不起作用。
所以这是我的代码，它不能按照我的要求工作。
$(".
浏览 0提问于2011-10-30得票数 1
回答已采纳
3回答
下面是我是如何做的，它确实起作用了：
#myDiv { background: red; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; position: absolute; top: 50%; left: 50%; }
<div id="myDiv"></div>
但问题是，当我向下滚动页面时，div不再出现在中心位置，因为它相对于原始视图端口高度偏离顶部50%，而不是当前视图端口高度。因此，我想我必须侦听文档滚动事件并动态更新div的位置。你知道怎么做吗？
基本
浏览 0提问于2011-08-10得票数 1
回答已采纳
1回答
我已经创建了一个网站，在页面的中心直接显示徽标。目前，div的位置是固定的。该徽标还包括一个图像地图。我希望它是绝对的，当用户向下滚动时，徽标将从顶部达到约20px，并将成为固定的。与航点非常相似。
因此，虽然我可以组织路点，但我不能让网站在页面的正中心加载徽标(无论屏幕大小如何)。任何帮助都将不胜感激！\
我的HTML：
<div class="logo">
<img src="images/logo.png" />
</div>
我的Css：
.logo {
width: 351px;
height: 185p
浏览 0提问于2012-07-27得票数 0
5回答
我正在使用jQuery创建一个“对话框”，它应该弹出在页面顶部和页面中心(垂直和水平)。我应该如何让它停留在页面的中心(即使用户调整大小或滚动？)
浏览 0提问于2009-07-29得票数 3
回答已采纳
我已经创建了一个简单的HTML页面，内容有一个居中的DIV。我在DIV上有一个中继器图像，以提供边框效果。
在IE & FF中查看HTML页面时，它会正确加载。没有滚动条和所有div将整个页面填满到100%。
当我把它移到ASP.Net MasterPage上时，它都变成了梨形的。中心DIV只填充到内容所在的位置。
我试过几次攻击，但都不走运。我已经尝试了JavaScript来调整div的大小，将表单元素设置为具有onLoad属性-但是没有任何东西能给出与标准HTML页面相同的结果。
那么，我做错了什么呢？为什么我在这方面做得很糟糕？请告诉我这是怎么做的。
非常感谢，
浏览 2提问于2010-03-01得票数 0
3回答
以大型网站为中心的视口
、、、
我试图建立一个水平网站，目前是16000 to，使用这个模板
该网站有四节4000 at宽，我试图实现一个div，将集中在浏览器视图在每一节。
垂直方向，50%工作，但水平50%将2000 50进入页面。
有谁知道什么有用的吗？
我找到了一个脚本，我的#verycentre在第一页，它不是50%的4000 my，它的浏览器窗口，看起来很棒。
我现在遇到的问题是，我需要一个集中的窗口斜面在每一节锚。
当页面滚动并点击每个部分时，我试图为每个部分实现一个可调整大小的#verycentre分区。
我目前使用的代码发布在下面，并在第1节中为第一个以中心为中心的div完美地工作。
我认为问题可能是函
浏览 4提问于2012-02-22得票数 0
我有一个页面，它有一个中心div，它是所有内容的保持者(我需要这个以便页面居中，并且有一个持久的顶部和底部导航)，然而，我现在不能做的是，当我在移动浏览器中向下滚动时(如果页面本身正在滚动)，我不能让它滑动地址栏。因为滚动的是div的内容，所以浏览器的地址栏仍然存在。
我很好奇，当这个div从顶部坐标向下滚动时，是否可以发出一个手动命令来执行浏览器元素的隐藏/显示。
我只关心如何在webkit、safari、firefox和chrome等现代移动浏览器中使用它。
浏览 2提问于2015-01-19得票数 0
2回答
无滚动的底部中心的div
、、、
我想要创建一个静态页面与youtube视频，没有任何内容。我需要视频div在页面的中心-底部，没有滚动，没有高度和宽度提到{，因为我是使用响应css}。我试着遵循下面的代码
html：
<div class="video-content">
<div class="video-container"><iframe width="420" height="315" src="//www.youtube.com/embed/fMJ21v7mX7U" frameborder="0
浏览 0提问于2014-03-17得票数 0
回答已采纳
1回答
我使用的是一个UIScrollView，它有几个需要显示的项。当第一次加载时，我的第一个项目以UIScrollView中间为中心。我试图让下一项，第二项，部分显示，允许用户知道有更多的项目需要看到，从而导致他们滚动的项目。
我要做的是配置它，这样用户就可以在UIScrollView允许的情况下自由地滑动和滚动，但是每次用户滑动时，我都希望UISCrollView自动停止在最接近视图中心的任何项目上。
我已经启用了分页，并了解了分页的工作原理。我想要做的是使它能够改变--分页所创建的“固定页面点”的数量。在启用分页的情况下，它似乎将视图的总宽度除以2，从而创建了3个停止点:一个位于视图左侧的视图
浏览 2提问于2015-07-27得票数 1
1回答
在滚动页上以div为中心
、、、
我有以下代码：
<div id="overlay" style="
display: none;
border: solid #aa0 10px;
width: 75vh;
height: 80vh;
z-index: 650;
position: absolute;
left:50%; top: 50%;
transform: translate(-50%, -50%)"
>
它一开始是隐藏的，但是如果我单击特定的屏幕元素，我就有一些jquery代码，可以用show()显示它。
但是，
浏览 1提问于2016-01-07得票数 0
回答已采纳
我有一个非常奇怪的问题与div对中，我能够缩小到这个。基本上，我有非常大的div (3000 in )，我想把它放在页面的中间。我用的是旧的好把戏，但利润率是负的：
.my_div
{
width:3000px;
position:absolute;
left:50%;
margin-left:-1500px;
}
我非常震惊地发现，当浏览器窗口小于3000 px时，div的大部分部分(在Firefox 25和Chrome 30中测试)会被削减。我确实错过了一些显而易见的东西，因为我已经用了好几年了，而且从来没有遇到过任何问题……
编辑:为了澄清，我不想以滚动为
浏览 4提问于2013-11-11得票数 0
回答已采纳
我正在尝试创建一个简单的模式弹出窗口。我已经完成了CSS和Javascript的大部分工作。我在页面的按钮上单击一个按钮，弹出窗口出现，但它出现在页面的顶部。如果您一直滚动到页面顶部，它会显示出异常的效果。
然而，我希望模式弹出框显示中心的基础上，当前滚动位置。当我滚动的时候，我也想让它居中。到目前为止，它不会浮动在屏幕的中心。
我需要使用哪个javascript属性来调整滚动时弹出div的位置。
我试过了，但没有用：
function showModal(id)
{
window.onscroll = function () { document.getElementById(divI
浏览 2提问于2010-09-03得票数 4
回答已采纳
1回答
我想知道是否有人遇到过，或者知道从哪里开始编写的jQuery脚本，当你滚动经过某个点时，它总是会跳到站点上的某个特定点。以这个站点为例，它是由4个完整大小的div组成的单页面站点，您可以导航或滚动浏览，但是当您滚动使一个div的底部和另一个div的顶部都可见时，脚本是否会将最可见的div重新对齐到页面的中心？
我知道这有点长篇大论，但我的jQuery知识相当有限，不确定我将如何开始这项工作。
浏览 3提问于2012-12-19得票数 0
回答已采纳
我需要知道是否有一种方法可以确定div是否位于屏幕的中心。
HTML：
<div id="container">
<div class="box" id="box0">
text
</div>
<div class="box" id="box1">
text
</div>
.....
<div class="box" id="box100">
text
</div>
&l
浏览 0提问于2012-08-01得票数 9
2回答
我正在尝试创建一个页脚，就像谷歌在其主页底部使用的一样。这将是全宽度的网页与链接在双方。不过，我想在中心有版权。
这是我使用的默认布局，用于修改以下内容：
但是，页脚包含在container中，因此它不会跨越整个页面的宽度。
<footer class="footer">
<div class="container">
<p class="text-muted pull-right">Button Here</p>
</div>
</footer>
如果我
浏览 11提问于2015-09-17得票数 0
回答已采纳
我的页面里嵌入了一个iframe。在iframe中有一个div，它需要始终停留在屏幕的中心，即使我滚动。
我的页面的设置方式完全适合，没有滚动条：
主页：
...
<body>
...some content
<iframe src="test.html" width="200px" height="700px">
</frame>
...
</body>
...
test.html:
...
<div class="modal_window"&
浏览 2提问于2016-05-10得票数 0
3回答
UPDATE:问题已经通过普拉迪普提供的代码解决了，特别是“清除修复”代码。我提出这个问题是为了寻找一种将包装器<div>保留在所有内容后面的方法，即将其高度扩展到其所有子程序的全部高度，并考虑使用移动<div>，实际上在"“和中充分讨论了我的问题。
本质上，我的容器<div>中有浮动元素，这些元素通过包装器的底部展开。我希望包装在我所有的内容背后，这样用户就可以阅读上面的文本。将这个新的CSS类clearfix应用到我的包装器<div>中，问题得到了解决，但创建了一个新的问题。我失去了在页面上以<div>为中心的能力，我在下
浏览 6提问于2014-03-04得票数 0
回答已采纳
我们如何把一个大的图像放到一个小的div中，以h对齐/v对齐为中心。图像不应在div (类型为overflow:hidden)之外可见。此外，div将根据页面大小更改其大小。
我接受了其他问题/答案的帮助，并尝试使用div背景和css --但它只是将图像与h中心对齐。
jsFiddle - 。
如何使h-心和v-心对齐？此外，不应该有任何垂直滚动条。它应该与任何页面大小和(如果可能的话)任何图像大小一起工作。只有CSS才有可能？
浏览 3提问于2013-10-25得票数 1
回答已采纳
每当用户单击该按钮时，我都试图显示loading.gif/旋转轮。我在母版页中添加了一个div，如下所示：
<div id="loadingDiv">
<div>
<h7>Please wait...</h7>
</div>
</div>
这是css：
#loadingDiv{
position:absolute;
top:0px;
right:0px;
width:100%;
height:100%;
background-color:#666;
浏览 3提问于2014-07-25得票数 29
回答已采纳
最好是举个例子，来说明我所描述的内容。
带有类别列表的div元素从页面中部开始，但当用户向下滚动时，它仍然位于顶部？
我知道怎么做一个固定的元素。我的问题是，如何使元素默认显示在页面的中心，但当用户向下滚动时，元素将保持在顶部。
浏览 4提问于2012-04-11得票数 1
回答已采纳
我很难理解如何为使用固定页眉和页脚、可滚动内容区域的模态显示创建DIV，并且仅依赖于持有人和内容主体的宽度/高度的百分比值。免责声明:我对CSS不太了解。
我想要的是：
宽度65%，高度60%的DIV，以页面为中心
头部:100 position高，固定位置
内容: DIV中所剩的高，固定位置，可滚动的内容。
脚:100磅高，固定位置
编辑：
以下是我的尝试：
html, mbody {
overflow:auto;
}
#mholder{
padding: 10px 10px 10px 10px;
width: 65%;
浏览 4提问于2013-06-23得票数 2
回答已采纳
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
回答已采纳
1回答
这不是一个副本，因为我已经读了其他问题，但每个人都认为滚动是垂直的，而我需要这个来进行水平滚动。我要做的是滚动一个div，当它到达屏幕中心或者几乎可见时，放置在页面的某个地方，然后当它结束滚动时，我需要继续滚动页面。
实际上我有一个像这样的“滑块”：
实际上，当滚动后元素在页面上可见时，我可以得到建议，但我不知道如何禁用垂直滚动，滚动div，然后再次滚动页面。重要的是，div的滚动条能让我继续滚动多少(我打算用鼠标，键盘，也许还有触摸屏，这将会很棒)
function testInView($el){
var wTop = $(window).scrollTop();
var wBot = w
浏览 7提问于2020-05-28得票数 0
3回答
我想把三个硬币放在另一个下面。也就是说，除了中间的div之外，基本上要避免任何页面滚动。
<div id="one">
</div>
<div id="two">
</div>
<div id="three">
</div>
#one{
width:100%;
height: 10%;
}
#two{
width:100%;
height: 80%;
}
#three{
width:100%;
height: 10%;
浏览 1提问于2014-03-14得票数 0
回答已采纳
我想在屏幕上居中放置div，这样当向下/向上滚动页面时，div会平滑地滚动到页面中心。我正在尝试，但不起作用。有人能帮我一下吗？谢谢。
浏览 0提问于2011-08-27得票数 2
3回答
在div上溢出？
、、
我已经创建了一个三列背景类型的东西，正如我之前在第一个问题：中描述的那样。不管怎么说，我已经成功地做到了这样：
我有一个id中间列的div，包含我页面的所有内容(页眉、内容、页脚等)：
<html>
<body>
<div id="centercolumn">
<!-- content -->
</div>
</body>
</html>
然后，在CSS中，我有以下设置(仅显示相关代码)：
body {
backgr
浏览 3提问于2012-10-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
