始终将固定位置图像保持在视口中心
是一种常见的前端开发技术，通常用于在网页中展示一张图片或者其他元素，并使其在用户滚动页面时始终保持在视口中心位置。这种效果可以提供更好的用户体验和视觉吸引力。
实现这种效果的方法有很多种，下面是其中一种常见的实现方式：
- 使用CSS定位：通过将元素的position属性设置为fixed，top和left属性设置为50%，并使用负的margin值来将元素居中定位在视口中心。示例代码如下：
<div class="fixed-image">
<img src="image.jpg" alt="Fixed Image">
</div>
<style>
.fixed-image {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>- 使用JavaScript：通过监听页面滚动事件，计算视口的中心位置，并将元素的位置动态调整为视口中心。示例代码如下：
<div id="fixed-image">
<img src="image.jpg" alt="Fixed Image">
</div>
<script>
window.addEventListener('scroll', function() {
var viewportHeight = window.innerHeight;
var viewportWidth = window.innerWidth;
var image = document.getElementById('fixed-image');
var imageHeight = image.offsetHeight;
var imageWidth = image.offsetWidth;
var topPosition = (viewportHeight - imageHeight) / 2;
var leftPosition = (viewportWidth - imageWidth) / 2;
image.style.top = topPosition + 'px';
image.style.left = leftPosition + 'px';
});
</script>这种效果常用于展示网站的Logo、广告横幅或者其他需要始终保持在页面中心位置的元素。它可以提升页面的可视性和用户体验。
对于腾讯云的相关产品和服务推荐，可以使用腾讯云的对象存储服务（COS）来存储图片，并使用CDN加速服务来提供快速访问。你可以在腾讯云的官方网站上了解更多关于这些产品的详细信息和使用指南。
相关·内容
我正在使用Highslide JS和画廊，使用一个缩略图来启动画廊。在展开图像后，当在展开的图库中前进时，所有图像似乎都锚定在底部，这意味着，当您从横向(长边水平)图像切换到纵向(长边垂直)图像时，图像的底边将停留在一个位置，而图像的其余部分将向上扩展。这并不是很糟糕，除非您从肖像图像转到横向图像时，新图像位于视口的底部。有没有办法让所有的图像共享一个共同的中心，并从那里扩展，而不是共享一个共同的底边？这样，它们就不会在视口中不断地上下移动。如果我想使用一个缩略图，我不能把它放在顶部或底部，因为它有时会被图片遮住。我使用的所有扩展图像都是800x536或536x800，具体取决于方向。
浏览 2提问于2013-09-14得票数 0
1回答
我正在创建一个具有水平滚动效果的网页，如这个，我目前正在使用这个示例作为模板。
然而，我不知道如何保持导航和徽标div中心的网页，而你水平滚动。有人知道我是怎么做到的吗？
浏览 1提问于2014-10-09得票数 0
回答已采纳
我有一个水平和垂直居中的div。问题是，如果我向下滚动，div也会向下滚动并停留在中心。我怎么解决它不能向下滚动的问题？
现在它完美地居中(我使用页边距是因为图片的大小(200px X 200px))。但当向下滚动时，它会停留在中间。
.logo {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}
<image class="logo&#
浏览 11提问于2017-06-28得票数 3
回答已采纳
如果我将位置设为绝对位置，它会在较大的屏幕上向上移动，并在其下方留下空白。
<div class="footer">
<footer id="footer">Brought into existence by yours truly</footer>
</div>
.footer {
background-color: rgb(177, 74, 197);
text-align: center;
font-family: 'Knewave';
color: rgb(114, 245, 190)
浏览 0提问于2019-01-09得票数 1
1回答
CSS Div位置行为
、、、
我在理解div位置(相对、绝对、固定)属性时遇到了问题。我基本上有一个绝对的div居中。在div中，应该可以垂直和水平滚动。在这个div里面应该是一个固定的标题，它的宽度大于屏幕( overflow )，还有一个内容div，它在垂直和水平方向上都有溢出。
html,
body {
height: 100%;
width: 100%;
background: #fff;
margin: 0px auto;
padding: 0px auto;
position: fixed;
}
.container {
width: calc(10
浏览 2提问于2016-05-21得票数 0
商业目的:我正在构建一个纵向相当长的管理页面，即用户有时必须向下滚动才能看到内容。在用户编辑内容后，我启用了一个"Save“按钮。
问:我如何定位一个div，使其绝对位于右侧: 5px，底部: 5px;，并且当您上下滚动时，它保持在该位置？所以，当我向下滚动时，它仍然在最右下角？
希望这是足够的描述！
谢谢!
浏览 1提问于2011-12-15得票数 1
回答已采纳
2回答
我有一个div有固定的位置和底部0显示在窗口底部。
我的问题是当窗口调整大小时，这个div移动到向上并进入其他元素。例如，当我在chrome中打开控制台框时，这个div跳转到facebook修复位置上的其他元素，例如朋友列表，当我打开控制台框时，元素跳转到向上，但隐藏向上元素。
请帮助我如何修改窗口大小的div。
浏览 8提问于2014-09-07得票数 0
回答已采纳
3回答
引导列的中心背景图像
、、、
我想把我的第二个引导列的背景图像放在列的中心。然而，现在，它是在整个视图的中心，而不是在列的中心。
这是我的密码：
HTML：
<div class="container-fluid cust-main-container">
<div class="row">
<div class="col-sm-2">
<!-- [..] -->
</div>
<div class="col-sm-10 bg">
<
浏览 0提问于2017-03-11得票数 2
回答已采纳
我正在尝试使用元素的内容作为页面背景。我可以让它在浏览器窗口的长度内正常工作，但是一旦内容滚动，div就会停止。
html：
<html><head><title></title></head>
<body>
<div id="background"></div>
<div id="content" style="height:900px;">Lorem Ipsum
<br />...an arb
浏览 0提问于2013-01-25得票数 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路布局就消失了，右科尔被固定住了：
<div class="container">
<div class="row " style="margin-top:70px" >
<div class="col-sm-3 " style="position: fixed !important;
浏览 0提问于2019-07-11得票数 1
正如问题中所指出的，当InfoWindows可见时，v3应用编程接口似乎有一个更改，该更改会影响默认行为。
谷歌在他们自己的地图网站()上的默认行为是通过不同的缩放处理来解释这一点的。如果当前选定的标记在视口中可见，则会将缩放的“中心”设置为标记位置；否则，它将默认设置为地图的中心(或在双击或鼠标滚轮滚动的情况下为鼠标的位置)。
如何复制Google Maps站点的行为？我知道如何获取当前选定标记的位置并判断它是否可见。然而，我没有任何幸运的设置缩放活动的“中心”与设置地图的中心。
浏览 9提问于2012-08-22得票数 2
回答已采纳
2回答
移动网站背景图片的CSS
、、、、
我正在使用jQuery移动工具包构建一个网站的移动版本。
页面将采用垂直布局(仅垂直滚动)。
我想在主页上显示背景图像，即使用户滚动到底部也是如此。
该图像是一个大图像，将以无重复模式显示。图像必须在页面的左上角显示它的左上角，并尽可能多地显示它的宽度和高度(图像应该调整大小，以便不被裁剪-或被最小限度地裁剪)。
是否有可能提供任何(或所有)不同屏幕尺寸和宽高比的图像？
浏览 2提问于2012-05-14得票数 0
回答已采纳
我创建了一个像这样的示例瓦片地图，我对如何在瓦片地图的中心或特定位置显示相机感到困惑。
输出如下所示。如何使相机显示平铺地图的中心，以及如何使图像显示得更小
浏览 2提问于2015-07-10得票数 4
1回答
我想让它这样做，当一个用户滚动一个页面，我的一个反应组件到达页面的顶部，并停留在那里，没有任何进一步的上升。
Imgur链接到'intranet‘应用程序im大楼：
在图像中，具有厚厚的红色边框的组件在滚动时应停留在页面的顶部，并留有页边距。试着固定位置，但我不希望它是静态的，只是不能滚动通过页面的顶部。
还有其他类似的问题，但似乎没有一个能准确地解决这个问题--如果我错了，请纠正我。
浏览 3提问于2021-10-31得票数 0
1回答
对于我的web开发类，我有3张图片，当点击图片时，其中一张开始比赛，另外两张将在屏幕上比赛。在我家里的PC上，图像几乎完美地显示在屏幕上，当比赛图像结束时，他们会检查开始的图像。在学校里，在屏幕上移动的图像不会经过开始它的图像，因为它的位置更高，另外两个图像更小，因为它是以像素为单位的。我如何才能获得开始比赛的图像，使它几乎是屏幕大小的一半，以及另外两个图像，因为它们在彼此的顶部，它们将几乎是一半大小？
我确实有JavaScript代码，但那只是为了让图像移动
这是身体图像
<body>
<div id="location" class="clickm
浏览 0提问于2016-10-18得票数 0
1回答
图像大小为328x328像素
我的div的宽度是984px (328x3)。
由于某些原因，当我使用fixed作为背景附件时，它会剪切图像，但是当使用默认值scroll时，图像就很完美了。为什么会这样呢？
它不仅被裁剪，而且当我调整窗口大小以完全显示时，图像消失了！
.test {
background-color: cyan;
height: 1720px;
width: 984px;
background-image: url(https://i.stack.imgur.com/fpKuw.jpg?s=328&g=1);
background-repeat: no-r
浏览 1提问于2017-02-03得票数 1
嗨，我有以下情况：
<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
回答已采纳
3回答
我有一个背景图片，在CSS中的大小是封面，所以它的大小随着浏览器窗口的大小而调整。但是，当我放置图像时，我如何根据背景将它们放置在特定的位置？我试过使用left:...px和top:...px，我知道为什么不起作用，因为当我调整窗口大小时，它会停留在远离左侧和顶部的位置，但解决方案是什么？我希望图像根据窗口/背景的大小按比例调整大小，并留在背景上的某个位置
浏览 1提问于2013-04-17得票数 0
回答已采纳
我有一个网站，这是动态的，使用bootstrap。我想创建一个动画到其中的动态缩略图在div class=“col 4”上点击缩放从那里的位置到100%的中心的容器。 我要创建一个点击效果来缩放图像，但不是从div的位置，而是从页面的中心。我正在尝试图像的定位。 x = document.getElementById("Image")
t = x.top;
l = x.left;
function hello() {
x.style.top = x.top + "px";
x.style.left = x.left + "px";
}
浏览 20提问于2019-03-19得票数 0
1回答
我正致力于项目，主要是利用引导。我在导航栏下添加了一个基本的横幅。在这个横幅上，我还添加了一个按钮，可以帮助用户到达联系人表格。这个按钮的主要问题是，即使在我找到它当前的屏幕中心(可能仍然不是中心位置)之后，它看起来还可以，但是当屏幕变小时，它看起来完全扭曲了。无论用户的设备如何，保持按钮位置不变的最佳解决方案是什么？
下面是横幅部分和按钮的html：
<div class="img-wrapper">
<img style="width: 100%; height: 100%" src="https://images.uns
浏览 3提问于2017-02-10得票数 0
回答已采纳
1回答
对于2d游戏，我有以下几个概念：
舞台:放置物品和照相机的容器。
物品:一个可见的实体，位于世界上的某个点上，从中心锚定。
照相机:一种无形的物体，用来产生世界的相对图像，位于世界的某一点上，固定在中心。
在插图中，您可以看到它们之间的关系，以及最终结果应该是什么。
下面是我的代码：(为了让阅读变得更容易)
Note1:这不是在画布上发生的，所以我不会使用画布平移或旋转(即使这样，我也不认为它会使问题变得更容易)。
Note2:物品和相机的位置是中心坐标。
var sin = Math.sin(rotationRad);
var cos = Math.cos(r
浏览 4提问于2014-08-04得票数 2
glViewport(0, 0, w, h);
gluOrtho2D(10, 100, 10, 100);
我没有得到任何输出，你能帮我吗？
如果我把它设置为
gluOrtho2D(-50, 50,-50, 50);
然后在窗口中心创建对象。
浏览 3提问于2014-01-08得票数 1
2回答
因此，我有一个位于页面右下角的按钮，如图片(“current”)所示：
设置非常简单：
<div class="content">
Content
</div>
<div class="button" style="position:absolute;right:0px;bottom:0px;">
Button
</div>
现在，是否有一种方法来定位按钮在“可见”屏幕底部，而不是必要的内容底部，如“需要”图片？
谢谢!
浏览 2提问于2015-10-15得票数 3
回答已采纳
1回答
是否未正确加载OpenGL映像？
、、、、
我的图像是1280x740以及我的游戏画布。
以下是我的代码
// Initialize code OpenGL
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(0, 1280, 720, 0, 1, -1);
glMatrixMode(GL_MODELVIEW);
glEnable(GL_BLEND);
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
glEnable(GL_TEXTURE_2D);
// end
浏览 1提问于2013-02-25得票数 0
2回答
我正在处理一个旋转的图像轮盘，当你点击其中一个时，它会使用jQuery“弹出”，这是如何操作的：
var $img = $(event.target);
$('#popUp').html($img.clone().height(200).width(300)).add($('#overLay')).fadeIn();
$('#popUp').add($('#overLay')).click(function () {
$('#popUp').add($('#o
浏览 0提问于2013-06-26得票数 0
回答已采纳
当我将手机的方向从纵向更改为横向时，我的.site-header宽度保持与纵向相同，而我希望它适合新的浏览器宽度。
这只会在Androids互联网浏览器中发生。
.site-header {
position: fixed;
width: 100%;
z-index:9999999;
-webkit-transform: translateZ(0);
}
我正在使用这个作为我的视窗...
<meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport&
浏览 4提问于2014-05-05得票数 0
2回答
我试图让一个页面视图加载和图像从某些链接，我已经设法做到这一点，但图片不适合所有的视图，我计划它覆盖整个视图，但它只覆盖了大约80%，这意味着它仍然浮动在左侧。我需要定义什么代码或属性来使页面被拉伸以适应整个视图吗？
提前谢谢。
浏览 0提问于2011-05-18得票数 2
回答已采纳
5回答
我想要的
我想让我的div浮起来，一直呆在那里--就像这样。
我所拥有的
我试过的
PHP
<div id="nav-bar">
<ul class="inline">
<?php
foreach(array_unique(array_values($continent)) as $continent_id){
if($continent_id == 1 ) $continent_name = "Europe"
浏览 3提问于2015-01-08得票数 2
回答已采纳
1回答
在各种网站的帮助下，我使用javascript创建了一个非常简单的弹出框，其中包含了我的联系信息。我对它的工作方式很满意，只是显示的弹出窗口是绝对定位的，并且我希望它相对于浏览器窗口显示(即我希望弹出窗口出现在浏览器窗口的中心，而不管您单击信息图标时在页面的哪个位置)。
我对HTML很满意，但不喜欢javascript。我知道相对定位在javascript中的工作方式非常不同，但我无法理解如何解决这个问题。如有任何建议，将不胜感激。
网页在这里：
该脚本如下：
<script type="text/javascript">
function toggle( div_
浏览 2提问于2012-01-28得票数 0
1回答
我有以下项目：
我希望图像只是从已经在页面中间的屏幕底部出现，但它首先从底部出现，然后移动到页面中心。我注意到，将通知框类的宽度设置为100%可以解决这个问题，但我不太确定原因。
浏览 3提问于2019-08-18得票数 0
3回答
如果您向下滚动，您将在页脚下找到一个登录按钮。如果单击它，则登录信息将显示在屏幕底部。
我用一个相对于页面底部的负固定位置来做这件事。除了iPad和iPhone等移动设备之外，这在所有浏览器中都能正常工作。登录栏出现在屏幕的中间。
iPhone上的屏幕截图：
有没有人知道解决这个问题的办法？
浏览 0提问于2010-08-04得票数 1
回答已采纳
1回答
我在我的项目中使用Next js，并使用next/image来加载图像。我的页面大概是1600px宽的，每行有3个500px宽度的缩略图，如下所示。
所以我需要next/image来加载500px宽度版本的缩略图，但它加载的图像具有1600px宽度。
下面是我使用的组件
import Image from 'next/image';
<Image
src={article.thumbnail}
width={500}
height={277}
layout="responsive"
/>
我的next.config.js：
m
浏览 0提问于2021-05-29得票数 1
1回答
我试图创造一个基本的“星空”体验，并需要投射点从一个球体的表面到一个2D视口。我一直在尝试做一些研究，但3D投影的主题相当复杂；另一方面，使用一个成熟的3D库似乎有点过分。
天空被表示为一个(半)球体，恒星位于它的表面，观众“坐在”球体的中心。我有恒星的坐标和视点方向(都是三维的，作为球体表面倾斜的点: 0-90 =地平线-北极，方位: 0-360)。我也有视口的大小(2D)。当视点方向等于一颗恒星的坐标时，星体投影到视口的中心，但对于所有其他点，如果它们位于球面上，就会有一些“变形”。
从它在球面上的坐标和视点的方向来计算一颗恒星在视口中的位置是什么公式？(我想还会涉及一些额外的参数，…)
浏览 7提问于2013-11-15得票数 2
有没有没有JS的解决方案？
html
<div class="wrapper">
<div class="fix"></div>
</div>
css
.wrapper {
max-width: 500px;
border: 1px solid red;
height: 5500px;
position: relative;
}
.fix {
width: inherit;
height: 20px;
position:fixed;
background: black;
}
浏览 0提问于2014-09-24得票数 12
回答已采纳
2回答
( a)浏览器认为什么是页面？
假设监视器的分辨率为800*600，我们扩展浏览器以获取整个监视器表面积A1。如果我们将浏览器的大小调整到一个区域A1 (A1 < A)，使它仍然捕获整个html文档(因此我们不必滚动)，那么浏览器将A1视为整个页面。但是，如果我们再次将浏览器调整为A2区域，在该区域需要滚动条才能查看整个html文档，那么页面的大小将大于显示的A2区域。
在这种情况下，浏览器考虑整个页面的哪个区域-A还是A1？
( b)在何种情况下这一信息可能是重要的(也许是在绝对或相对定位或.的情况下)？
编辑：
绝对定位相对于提供定位上下文的包含块；默认情况下，这是文档。
如
浏览 4提问于2009-09-15得票数 0
1回答
我有一个相机，我周围的一个大的图像，这是很好的工作，但当我到达图像的末尾，我可以继续摇摄，伪造。我到处寻找如何防止这种情况的答案，但我发现的唯一一个答案是没有使用摇摄，我无法让它工作。
我的代码atm非常简单：
map.setPosition(-map.getWidth()/2, -map.getHeight()/2);
public boolean pan(float x, float y, float deltaX, float deltaY) {
cam.translate(-deltaX * PAN_SPEED, deltaY * PAN_SPEED);
浏览 0提问于2015-04-15得票数 0
回答已采纳
在桌面上，导航栏固定在顶部，滚动时没有任何问题。然而，当我在手机上打开网站/使用chrome devtools时，导航栏一开始加载正常，直到我开始滚动，导致导航栏浮到(看起来像是)设备的顶部，最终切断了大约50%的导航栏。
我首先注释掉了我为导航栏编写的一些自定义css，看看这样做是否可以修复它，它不能。因此，我跳了进去，写了一些我认为可能导致这个问题的媒体查询。这并没有帮助(除了最终让我编写媒体查询之外，我本应该一直在写的)。然后我找到了一个资源，说我只需要添加一个偏移量/边距顶部来解决这个问题，但是这也没有什么作用。
<nav id="navbar-scrollspy"
浏览 17提问于2019-07-13得票数 2
我正在使用来显示折线图。我需要更改水平标签，使其具有漂亮的四舍五入的数字。在附加的屏幕截图中，这些值是
1
11:15
22:29
33:44
我需要调整水平标签和垂直线的位置，这样标签才能显示出来
0
11:00
23:00
33:44
上面屏幕截图的代码使用了这个基类
protected TextView text;
protected GraphView graph;
@Override
public View onCreateView(final LayoutInflater inflater,
ViewGroup containe
浏览 2提问于2015-09-12得票数 1
我有一个想法，创建一个网站，创建一个固定的水平导航栏，当你按下菜单项时，它只是简单地滚动内容，但我想在它上面有一个“介绍”div，一个背景图像和一个徽标，比如说300px的高度，当你第一次加载页面时显示。
因此导航栏看起来会附着在这个“介绍”div的底部，只有当你滚动过去的时候，导航栏才会附着在窗口的顶部，并且当你滚动的时候它会变成固定的位置。
如果你点击了某个菜单项，或者如果你只是简单地滚动到页面的开头，它会再次附加到"introduction“div的底部。
这是不是可以简单地用CSS来实现，或者我必须使用javascript才能达到这个效果？
提前感谢！
浏览 0提问于2012-02-28得票数 0
回答已采纳
3回答
我的页面是屏幕高度的2倍(大小取决于页面上的其他项目)。我想在屏幕中间显示一个绝对定位的跨度，而不考虑滚动位置。
我在点击按钮时应用了以下样式，但是如果我一直向下滚动，元素会显示在页面的最顶部，因为它从整个页面的顶部开始计算50%。
.Centered {
width: 100%;
position: absolute;
top: 50%;
left: 45%;
}
如何根据单击按钮时的滚动位置将元素定位在页面中间？
谢谢。
浏览 0提问于2009-02-26得票数 3
回答已采纳
我现在已经开始在cam网站上播放了。有害怕被记录，所以想得到dmca按钮的网页上的摄像头得到广播。我使用的网站只允许用户使用html。所以我尝试了下面的代码。
<a style="display:scroll;position:fixed;top:100px;left:100px;" href="#" title="Back to Top"><img src="source to button "/></a>
这段代码运行良好，除了当网页向下滚动时，按钮也会向下滚动的问题。这使凸轮区域清空。
有
浏览 1提问于2014-01-23得票数 0
1回答
所以我有一个应该是固定位置的元素，我想把它固定在右上角的视图上。
这是HTML：
<div class = "header">
<p>This is a heading with an absolute position</p>
</div>
和CSS：
.header {
position: absolute;
right:10px;
top: 10px;
}
它可以按需要工作，直到你用笔记本电脑向右滚动，或者用移动设备放大。这两个事件将根据事件的范围将元素左移。
我想出了两个解决方案：
1:在顶部制作一个div容器，宽度为10
浏览 1提问于2017-04-17得票数 0
回答已采纳
2回答
在div中居中固定图像
、、、
我在这里创建了一个JSFiddle：
我尝试做的是让down_arrow.png位于它们包含的div的中心。我能够使用自动边距将up_arrow.png居中。我使用fixed属性来使用它们作为页脚，因为我希望它们位于div的底部，而不管分辨率如何。
我的问题是，在包含div的宽度内居中底部固定图像的最好方法是什么？
小提琴中的一些代码(我在StackOverflow格式化方面遇到了问题)：
.scroll-arrow-down {
position: fixed;
bottom:0;
}
我应该补充一点，我根本不关心IE的破解/变通，这个应用程序
浏览 0提问于2013-01-09得票数 1
回答已采纳
1回答
我有一个单击事件，它将显示单击的位置上的复选框div，并将该框中心到鼠标单击。我想知道的是如何查看盒子是否在文档之外。我有一个js小提琴，当您单击文档边缘旁边时，您将看到部分方框在文档之外。我怎样才能检测到什么时候会发生这种情况？
JSFiddle：
联署材料：
$(document).on('click',function(e){
var boxWidth = $('.box').width();
$('.box').css({
top:e.pageY + 10,
left:e.pageX - boxWi
浏览 3提问于2015-11-19得票数 0
回答已采纳
我已经问了一个问题，答案很好。
然而，我想要一个更棘手的以浮动弹出窗口为中心的窗口：
如果我的页面是1000px高的，而我只查看上面的部分，我不希望弹出窗口以500px的速度弹出，而是在屏幕可见部分的中间弹出。
有没有办法在CSS中访问页面的可见部分？
谢谢
浏览 2提问于2009-07-30得票数 0
回答已采纳
1回答
嗨，我有一个有两个区域西部和中心西部持有面板的树和中心是一个选项卡面板iam使用的applyTo:div来渲染面板，但问题是jsp页面im渲染到已经有一个页眉和页脚，当我渲染视口它走出浏览器视图，而且我不能向下滚动查看所有的contents..is有人有任何想法，请帮助…
浏览 3提问于2011-03-25得票数 0
回答已采纳
1回答
我们有一个大图像集作为背景的div。在大多数情况下，背景图像将大于div。因此，div背景盘。(请参阅)。
这张照片是一个平面图，上面有房间。
房间是用一些标记(x，y)来表示的。(目前没有在示例中显示)
<div class="bg-img"></div>
<p>
<input type="button" value="center on a point" id="center"/>
</p>
div.bg-img {
background-imag
浏览 2提问于2013-05-27得票数 0
1回答
我刚刚开始研究创建一个视差样式页面，其中元素跟随鼠标。
我已经看过一些教程，到目前为止我的效果很好，但是作为背景的图像已经变大了。
正常缩放：
正如你所看到的，图像的边缘被显示出来了，它背后的内容也不应该在那里(下面提到)
它应该是这样的：
主文本图像应位于中心位置。
$(document).ready(function() {
var strength1 = 50;
var strength2 = 100;
var strength3 = 200;
$("html").mousemove(function(e) {
var pageX
浏览 0提问于2017-01-19得票数 1
回答已采纳
有两个固定的(不能改变)内联块和最小宽度为他们两个。当我试图调整窗口的大小时(宽度小于最小)，它们相互重叠。有什么建议吗？如何设置整个页面的最小宽度？
<div style="position:fixed;left:0;top:0;bottom:0;width:40%;min-width:500px;border:2px solid red;margin:5px;"> </div>
<div style="position:fixed;right:0;top:0;bottom:0;width:40%;min-width:5
浏览 1提问于2015-04-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
