5回答
我试图得到一个div在底部的视窗，但它似乎不能正常工作。我已经设置好了
html
<div class="parent">
<div class="bottom">
</div>
</div>
css
.bottom{
position:absolute;
bottom:0;
}
问题是父div的高度是从JS获得的，并像<div class="parent" style="height: 483px;">一样动态地向div添加了一些样式，所以基本上在我调整
浏览 2提问于2015-01-20得票数 2
我正在尝试跳跃运动来放大和缩小画布元素，它工作得很好。
现在，当你把手放在活动区域中并垂直或水平移动时，对象也会相应地移动。很好。
当你把手放到屏幕上时，元素的大小会减小，当你把它拉向自己的时候，元素的大小就会增加。也不错。
当你想把你的手从区域移开时，问题就开始了。
元素跟随你到极点，这意味着它变得非常大(如果你把你的手拉回到你自己)。我设法实现了一个控件，如果我把一些手指放在一边(例如，用手指指向屏幕- PIN它)，那么图像就会冻结。好的。
现在，问题和问题:当我把手放回控制区时，如何使元素从我离开它的相同位置开始？我整晚都在和它作斗争，这很困难，我也没能成功。所以，如果你做到了，至少我欠
浏览 1提问于2014-02-17得票数 0
我使用position : fixed作为div，用于页面顶部的div，但是当我使用offset().top作为子值时，它在滚动时给出了不同的值。我试着说：
CSS：
.parent{
position : fixed;
top : 0px;
}
.child{
height : 20px;
margin-top : 10px;
}
联署材料：
console.log($(".child").offset().top);
当我滚动页面时，上面的JS代码给出了不同的结果。
浏览 0提问于2014-11-10得票数 5
回答已采纳
如何获取元素相对于其父元素的位置(左上角)？
注意:父position既不是relative也不是absolute，所以offsetLeft & offsetTop不起作用。
父项/子项可能有边距/边框/填充。
只有普通的JS，没有jquery。
浏览 13提问于2021-05-06得票数 0
3回答
我想知道html元素在屏幕上的左侧和顶部位置。我尝试使用下面这段代码来告诉我元素在文档中的位置：
var position = $('#elem').position();
但我想知道的是，是否有一个函数可以找到屏幕上的位置，或者是否有一种方法可以知道屏幕上这个点的坐标：
提前谢谢你！
浏览 2提问于2014-10-09得票数 1
我是React的初学者，只是想重新创造一个旧学校类型的游戏：“太空入侵者”。对于像我这样的初学者来说，我不认为这是一个很好的简单的练习。 我需要控制屏幕底部的div，这将是向上面的外星人发送激光束的宇宙飞船！ 我在使用useRef()作为处理div位置的一种方法时遇到了问题。我的意思是，我正在尝试访问与div关联的style类的“left”或“right”属性。 奇怪的是，我可以改变背景颜色，或者我可以改变宽度，但是我不能访问'left‘或'right’属性来让它移动。 这是我的微不足道的尝试： https://codesandbox.io/s/condescending-b
浏览 35提问于2021-02-08得票数 0
回答已采纳
2回答
我在一个列表视图中有几百个元素，我想知道哪些元素在屏幕上，在什么位置。如果我做了一个Canvas.getLeft()，它只是返回零。我希望能够转换最接近屏幕中部的项目，使其比其他项目更大。
浏览 5提问于2014-11-14得票数 1
回答已采纳
我需要editor.js方面的帮助 想象一下下面的场景，在我的页面上，editor.js在右边，一堆按钮在屏幕的右边。 这些按钮是短语的集合，当单击按钮时，必须将短语插入到editor.js中 然而，它必须插入光标在失去焦点之前的位置，考虑到它在editor.js中的任何位置，例如，可以在第一个、第二个或最后一个块中，并且在特定块中，光标可以在句子的开头、中间或结尾。 如何检索块和光标位置以插入新短语？ 提前感谢
浏览 94提问于2020-10-07得票数 0
1回答
使绝对定位div覆盖视口
、、、
我正在制作一个jQuery动画，它有一个绝对定位的div，它是在视口的特定位置(left: 150px)上生成的，这个div会垂直和水平地增长，覆盖整个视口
但不幸的是，div溢出了视区，并且没有覆盖整个屏幕。
$(document).ready(function() {
function generateChild(top, bottom, left, right) {
$("#divGenerator").append(`
<div style="top:${top};bottom:${bottom};left:${left};right:$
浏览 36提问于2018-10-22得票数 1
回答已采纳
1回答
此页面试图垂直对齐登录表单。当我试图通过JavaScript获得它的最高位置时，我得到了错误的结果，这与chrome工具获得的结果是一样的(参见附带的屏幕快照)。
有人能解释一下是什么原因造成了这个问题吗？为什么浏览器的原生工具也会受到影响？有没有办法通过JavaScript获得元素的正确位置？
谢谢。
浏览 1提问于2015-06-12得票数 1
回答已采纳
我正在寻找一种确定影片剪辑元素的显示/屏幕坐标的方法。
point = uie.localToGlobal(new Point(uie.x,uie.y));
posX = point.x + (uie.width / 2);
posY = point.y + (uie.height / 2);
上面的代码只检索舞台内的坐标。然而，我需要的是显示/屏幕坐标，而不是舞台坐标。
也许有一种方法可以检索闪存容器的显示器/屏幕位置(左上角)，或者将鼠标移动到舞台内的位置，检索鼠标的屏幕/显示器和舞台位置，并确定屏幕位置和舞台位置之间的偏移。这
浏览 1提问于2012-11-07得票数 0
1回答
CSS3过渡动画
、、、
我对CSS/HTML/JS非常陌生，所以我没有多少CSS转换的经验。
我试图在我的页面上动画一个div元素，但是到目前为止我还不能达到预期的结果。
我的问题是：
在我的HTML中，我有一个div容器元素，其中包含5个div元素。它们看起来就像放置在屏幕中间的简单的盒子，暂时看不出来。我在屏幕的角落也有5个按钮。
我想做的是：
当我单击一个按钮(例如，按钮3)，左边的div的3应该消失，移到屏幕边缘后面的左边，而div的2应该做同样的事情，但是移动到右边。在那之后，我想让右边的3个div滑回屏幕，而右边的2个div也应该向后滑动。所以看起来他们向对方滑到了他们最初开始的位置。
我试图使用CSS转
浏览 1提问于2013-01-16得票数 2
回答已采纳
我正在开发一个网页应用程序，用户可以在图片上拖放文本。理想情况下，我希望我的用途能够保存他们的图像与叠加的文本。为此，我计划使用PIL ()在后端重新创建图片。
在HTML表单提交时，我想发送img的四个角的坐标值，任意叠加文本的坐标，以及它们的十六进制颜色和字体大小。
是否可以使用jQuery或JavaScript捕获所有这些信息？
在这个JS Fiddle中，文本是可拖动的。假设用户将文本移动到图像上。为了重新创建图像(使用用户拖动的文本)，我需要协调文本被拖到的位置。jQuery元素的X坐标有可能吗？
<div id="draggable" class="u
浏览 0提问于2014-02-18得票数 0
回答已采纳
2回答
我有一个HTML代码，如下所示；
<div>Content table with varying height</div>
<div id="buttons">
<TABLE>
<TBODY>
<TR>
<TD>2 buttons here....</TD>
</TR>
</TBODY>
</TABLE>
</div>
并且有一个CSS定义为；
div#button
浏览 0提问于2011-08-01得票数 1
回答已采纳
3回答
我在www.domain-a.com上有一个html文件
它引用了位于www.domain-b.com/somedirectory/js上的js文件
在js文件中，我需要能够指向www.domain-b.com，但仅使用指向文件的相对路径，如www.domain-b.com/somedirectory/images
有什么建议吗？目前我正在尝试像这样的东西。
myImgUrl = '../images';
但是当它被注入到页面上时，它在HTML中显示为类似于...
<img src="http://../images/somefile.jpg" />
浏览 1提问于2010-08-17得票数 1
因此，我基本上已经从另一个问题中复制了一些代码，用于改变滚动体颜色的导航条。就是这样：
$(document).ready(function(){
var scroll_start = 0;
var startchange = $('#startchange');
var offset = startchange.offset();
if (startchange.length){
$(document).scroll(function() {
scroll_start = $(this).scrollTop();
if(scroll_st
浏览 5提问于2017-04-14得票数 1
回答已采纳
我将Selenium WebDriver与java.awt.Robot结合使用，以便更好地模拟用户与web应用程序的交互。是的，我知道这可能是不必要的，但我服务的客户需要它。
目前事情运行得很好，但是我有一个小问题，我似乎找不到一个很好的方法来获得网页元素的屏幕位置。标题栏、菜单栏、导航栏等都将内容推到物理屏幕上( Robot从中获取坐标)，但对Selenium报告元素的位置没有影响。
当我在Selenium WebElement上调用：element.getLocation();时，它总是告诉我它相对于WebElement内容呈现窗格的位置，而不是浏览器窗口本身。
更好的说明是:无论窗口在屏
浏览 8提问于2013-02-02得票数 13
回答已采纳
1回答
在href旁边渲染DIV
、、、
如何在href链接旁边渲染div，我们使用的是JQuery。下面是附加的代码，当点击div时，在浏览器的标签下面渲染，我想渲染到href链接的旁边，因为在网页中会有很多使用相同div标签的href链接。
我不能在css中这样做，因为它固定在那个位置，并且我对页面中的许多href使用相同的div，但在用户单击链接时动态更改div的内容。
附加代码。
任何帮助都是非常有帮助的。
谢谢。
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquer
浏览 3提问于2011-06-16得票数 2
回答已采纳
1回答
我正在尝试将js图库的缩略图部分添加到网页的页脚。我以前从来没有拆分过一个画廊，并认为这是实现这种外观的唯一方法
我现在拥有的链接是：。
(边框只是我的指南，我还在做的时候)
缩略图容器的CSS代码为：
.galleria-thumbnails-container {
height: 100px;<br>
bottom: 0;<br>
position: absolute;<br>
left: 10px;<br>
right: 10px;<br>
z-index: 1;<br&g
浏览 0提问于2012-01-30得票数 0
回答已采纳
1回答
现在，我有一个Jade模板，它呈现得非常好，并且设置如下：
div.rulers
div.ruler-con.js.this-site
div.ui.red.progress
div.label jQuery
div.bar.jquery
div.ruler-con.js.template.pretty-good
div.ui.red.progress
div.label Underscore JS
div.bar.underscore.pretty-
浏览 2提问于2015-04-16得票数 0
1回答
我正在创建一个可以保存用户鼠标移动的插件。我想在鼠标移动的地方创建一种热图。我不知道如何以响应式的方式绘制坐标。元素的移动取决于设备的宽度。我想也许我可以在JS中创建一个函数，获取userwidth、Xcoordenate和Ycoordenate，并根据当前屏幕返回坐标。但是，我需要(通过javascript)获取哪些元素将位置从用户宽度更改为当前宽度。有可能吗？有什么建议吗？
浏览 16提问于2021-08-06得票数 0
2回答
我有一些代码可以多次在屏幕上移动图像/元素。其想法是，我试图创建一个简单的添加栏，图像在add栏内移动，元素充当bar /实际条形条的边框。
使用我当前的设置，图像在动画期间移动到元素之外，尽管它位于/中。
小提琴(可能需要找到新的图像) :
<body onload="setInterval(function(){anim(document.getElementById('test'), 'left', 'px', 300, 800, 500)}, 600)">
<div id="Advert"
浏览 3提问于2015-01-29得票数 0
回答已采纳
1回答
我正在尝试让我的导航栏出现在我的内容和标题之间。当我改变CSS的值时，它要么出现在屏幕的顶部，在标题/内容的后面，要么出现在标题/内容的前面(如果我改变了z索引)，我希望它出现在两个div之间，但如果我添加填充，比如它会影响下面内容的位置，它现在似乎根本不会这样做。
干杯
header.php
<!doctype html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo(
浏览 1提问于2014-08-26得票数 0
我有一个父div <section>，我想在它的右上角添加几个使用字体的图标，所以我尝试给它们position:absolute和top:5px和right:5px，但是它位于整个页面的右上角，而不是这个部分。(我希望它位于黄色背景的右上角，每当我决定添加更多图标时，它们也应该是一个相邻的图标)
**必须在扩展模式下查看代码段才能查看问题
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.css" rel="stylesheet" />
&
浏览 2提问于2018-05-31得票数 0
回答已采纳
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:p1="http://schemas.android.com/apk/res/android"
p1:minWidth="25px"
p1:minHeight="25px"
p1:layout_width="match_parent"
p1:layout_height="match_parent"
p1:i
浏览 1提问于2016-04-17得票数 1
回答已采纳
通常，您有事件处理程序，捕捉鼠标移动或单击事件，并允许访问放置在鼠标(一系列或单元格)和位置(x，y)下的元素。但是在我的例子中，我有一个屏幕点(x，y)需要访问它所针对的图表元素(如果有的话)。
传统的方法(Windows )在图表类中有一个类似ElementAt(int，int )的方法，返回值是一个对象，如标签、序列、点、标记、.等。
浏览 1提问于2013-10-17得票数 0
回答已采纳
我来自flash/flex背景，所以请原谅我这个问题，但是我想知道我是否可以将一个元素放在屏幕上的某个像素位置。像素可以替代任何位置测量。
这在javascript中是可能的吗？如何控制在javascript/html中绘制元素的位置？
浏览 10提问于2011-03-01得票数 1
回答已采纳
假设我有以下一小段javascript动画：
window.onload = function (){
var paper = new Raphael( 0, 0, 800, 600);
var backGround = paper.rect(0,0,800,600);
backGround.attr({ fill: "blue"});
var ball = paper.circle(50,50,30);
ball.attr({ fill: "45-orange-yellow"});
function boun
浏览 5提问于2013-10-27得票数 0
这个标题是相当清楚的。需要考虑的其他细节是..。
我要应用css的元素是position:relative
元素将嵌入到网页上。
我使用left: -9999px暂时将元素移出屏幕
该元素可以或不可以移动页面上的“over”或“遍历”其他元素。
这样做是否会产生任何负面影响，例如改变页面上其他元素的布局/位置？
谢谢
浏览 3提问于2014-06-25得票数 0
回答已采纳
我希望将弹出的窗格的位置绑定到调用它的按钮的位置，我尝试通过调用button.localToScene(button.getLayoutX(),button.getLayoutY()来完成此操作。但是，返回的Point2D变量中包含错误的X坐标。我在Gimp中测量了它，它应该是320，但它返回了586。
和localToScreen()的故事一样，在按钮出现之前，我甚至没有586像素的屏幕空间，所以它不可能在那个坐标上。
浏览 8提问于2016-07-27得票数 2
回答已采纳
1回答
假设有一些“绝对定位”元素的坐标(单位：%)是用Ajax抓取的。
有时，它们的某些边缘会突出在屏幕之外，比如当它们太右或太顶时。我不能将它们定位为right: 0，因为它们的父元素已经“绝对定位”了，因此不能工作。
如果一个元素的直接父元素不是document.body**?**，那么如何防止它从屏幕上突出出来呢？
浏览 3提问于2016-06-23得票数 0
我已经构建了一个div，它在单击时提醒光标所在像素的x和y坐标。这使用了clientX和clientY。但是，y是相对于屏幕的，我希望它是相对于div的。
浏览 2提问于2018-03-15得票数 0
2回答
img的溢出是怎么回事？
、、、
当我悬停图标时，img的溢出更改。您可以在这里找到的所有代码：
只需将图标悬停
P.S.我不能使用z-索引：-1，因为我的img的一部分在标题的背景下.这是屏幕：
标题的样式：
.header {
background: url("../img/background.png") 100% 100%;
background-size: cover;
max-width: 1920px;
max-height: 900px;
color: white;}
浏览 2提问于2015-09-15得票数 0
回答已采纳
如果我将位置设为绝对位置，它会在较大的屏幕上向上移动，并在其下方留下空白。
<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回答
我想得到子div‘test1 1’的位置，我想从父div到子div之间的div.the距离得到左位置‘10 It’，我不想得到10 It，它打印140 It(从屏幕开始位置计算)。
jQuery(document).ready(function($) {
$('.test1').click(function() {
var p = $(this);
var position = p.position();
console.log(position);
});
});
.test1 {
float: left;
background-c
浏览 5提问于2017-03-17得票数 0
回答已采纳
1回答
我正在为Tic Tac Toe游戏做布局，因此我希望当屏幕大小调整时，正方形块始终保持在相同的位置。
我使用的是Bootstrap 4和SCSS。
1)无论屏幕大小，如何将它们固定在同一位置？
2)如果屏幕变小了，如何根据屏幕大小调整游戏包装器div中所有项目的大小？
codepen链接：
HTML：
.block {
background-color: lightBlue;
width: 100px;
height: 100px;
border: 2px solid black;
position: relative;
&:hover {
back
浏览 0提问于2017-07-19得票数 0
我是Android编程的新手，目前我正在构建我的第一个应用程序。我有一个位于basic RelativeLayout内部的LinearLayout (带有几个图像视图)。LinearLayout的xml宽和高设置如下：
android:layout_width="135dp"
android:layout_height="match_parent"
LinearLayout内部的图像视图设置如下所示：
android:layout_width="match_parent"
android:layout_height="70dp"
浏览 0提问于2015-05-17得票数 0
使用CSS定位()代替固定宽度、以Float为中心的网站的最大缺点是什么？
如果我不关心
移动用户
小屏幕用户(小于1024 px屏幕大小)
，但我关心
屏幕阅读器用户
所有浏览器用户(包括IE6)
浏览 6提问于2010-02-09得票数 5
我正在一个网站上实现一个facebook信使机器人，并且需要改变它的位置(至少在底部)，并且有可能和JS一起滚动。
由于它是使用<body>脚本实现的，所以我不知道如何在其中添加活动的CSS。我想有条件的JS甚至很难实现。
下面是我尝试实现的最简单的CSS版本：
.fb_dialog {
bottom: 50px
}
浏览 0提问于2018-09-07得票数 0
3回答
我一直在使用position: fixed;在屏幕上插入元素，但一旦解锁，它们就会从屏幕上消失(在滚动到几行之后)，并出现在文档的开头。
例如，：
如果元素未固定在第5行，则应停留在文档的第5行，但它会跳回顶部，而不管从未固定位置的位置如何。
我一直在不停地固定，
.pinned {
position: fixed;
}
.unpinned {
position: relative;
}
链接到。
那么，我是否可以将元素的位置(解除固定时)设置为仅使用CSS解除固定的位置(如果不能使用纯，则设置最小的JS )？
我试着使用absolute，relative，还有static，而不是固
浏览 6提问于2016-01-12得票数 1
我正在尝试设置我的手风琴，以便当用户单击其中一个标题时，页面将自动向下滚动到标题的顶部，并显示该手风琴项目的打开面板。
然而，我目前遇到的问题是，在我实现的代码中，我的屏幕是向上滚动的，因此accordion项的标题正好位于屏幕的底部，因此面板中的内容不在屏幕上。
下面是我的HTML代码：
<div class="accordion" style="margin-bottom:30px"><b>Heading 1</b></div>
<div class="panel">
<p
浏览 0提问于2016-06-10得票数 0
我遇到的情况是，当用户向下滚动时，侧边栏的一部分会得到固定的位置，但是当我捕捉到这个位置并将固定的css应用到侧边栏元素时，它会固定到整个屏幕，而不仅仅是父级(这是侧边栏)
我如何正确地设置它？
浏览 2提问于2012-07-11得票数 7
回答已采纳
下面的html创建一个页面，页面的<html>高度= 8，<body>高度= 0，但是具有“居中”的div也在屏幕上垂直地居中。怎么会这样呢？
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style=" height:100px; width:200px; margin: auto; position: absolute; top: 0; left: 0; bott
浏览 9提问于2015-06-22得票数 1
回答已采纳
1回答
我正在创建C#应用程序，其中主窗体上有一个文本框和一个面板。我想得到面板相对于屏幕左上角(0,0)的确切位置。当我在窗体中调用this.Left和this.Top时，它会给出正确的坐标，但是当我调用panel.Location.X和panel.Location.Y时，它会得到相对于窗体的坐标，无论窗体位于屏幕上的哪个位置，坐标都是恒定的。
我想要获得面板的顶部和左侧坐标，不是相对于窗体，而是相对于屏幕，假设屏幕的顶部和左侧是(0,0)。
如何获取面板的绝对位置？
浏览 2提问于2013-11-28得票数 0
1回答
因此，我试图修复我的虚拟谷歌地图弹出的正确的雪佛龙(红色箭头)，但失败了。我将尝试记录所有相关代码，但如果没有谷歌地图，我不确定它是否可以复制。
基本上，我希望右边的雪佛龙优雅地匹配左边的雪佛龙，并保持在所有断点/决议的位置。
.glyphicon {
color: var(--rct-red);
}
.glyphicon-chevron-right {
position: fixed !important;
top: 63% !important;
right: 21% !important;
}
.carousel-control.right {
right:
浏览 2提问于2022-07-07得票数 0
回答已采纳
我很难定位我的“拖拽”和“掉落”元素。
我希望我的拖放元素从prev父级转移到放弃的父级。
所以我使用Jquery detach()。
我的问题是定位，元素脱离屏幕。
我怎么才能解决这个问题？
小提琴
JS
//dropZone data
//Get dropZone, where element is dropped (flakUp or flakDown)
dropZone = $(event.target);
//Get parent dropZoneId (flakId)
dro
浏览 0提问于2016-05-18得票数 0
回答已采纳
1回答
需要调整大小问题的提示和指南
、、、、
当我的表单在小屏幕上时，它会正确显示，但当我增加宽度时，它就不正确了。有什么想法吗？这是正常的还是有办法使它的位置很好？这是我的小提琴：
jsfiddle.net/aX86d/
如果有人能为我提供一个指南，帮助我维护整个网络的外观，并为应用程序创建一个小/宽的浏览器使用，我将不胜感激，所以不同的屏幕分辨率使用肯定会发生。
浏览 4提问于2014-08-02得票数 0
回答已采纳
我已经创建了一个弹出窗口，它将出现并几乎填充屏幕，并且这个弹出窗口是固定的，因此当用户滚动主页时，弹出窗口将保持在屏幕的中心位置。但是这个弹出窗口也是可滚动的，我在它的顶部有一个标题，我希望它始终是可见的。
如何修正标题，使其在弹出窗口滚动时总是可见的？
如果您设置position:fixed，这总是相对于浏览器视图，因此它将固定在页面的顶部，而不是它的父容器。这是Webkit中的粘性定位任务，还是如何实现？
-滚动蓝色弹出和黄色标题滚动时，我想要修复。
浏览 3提问于2014-12-10得票数 0
回答已采纳
1回答
绝对位置硬右对齐，左边距对齐
、、、、
我不知道如何在特定点停止一个绝对定位的元素。
在上，你会看到“让我加入你的团队”这句话，机器人的位置是绝对的，所以它们总是出现在屏幕上。我想要做的是，当屏幕变得更窄时，我想要阻止它与mac图像重叠。我试过添加空白区-left: 900px；但当屏幕变小时没有任何效果。有谁知道当浏览器变窄时，如何在特定的位置停止单词和机器人？
浏览 1提问于2010-11-21得票数 1
回答已采纳
我一直在为密码框制作一个jQuery插件。它向通过jQuery选择器传递给它的输入添加一个generate按钮和强度指示符。
我对jquery.password.js inputPassword.position().top第154和155行的代码有问题。它没有返回输入框的正确位置，因此错误消息没有出现在正确的位置。
我认为这可能是inputPassword不在正确的名称空间中的一个问题，或者类似的问题，但是我不完全理解这些东西在javascript中是如何工作的.这是我的第一个jQuery插件。
谢谢
**链接删除*
它不是名称空间，而是因为对象是隐藏的。所以修正了：if ( inputPa
浏览 0提问于2010-04-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
