草庐IT

定位的运作机制

全部标签

javascript - 定位上下文菜单

我正在尝试使用jQuery定位自定义上下文菜单。它第一次出现在正确的位置(鼠标坐标),但随后当前位置与新位置相加,因此菜单从屏幕上消失。这是JavaScript:$(function(){$('#box').hide();$(document).bind("contextmenu",function(e){$("#box").offset({left:e.pageX,top:e.pageY});$('#box').show();e.preventDefault();});$(document).bind("click",function(e){$('#box').hide();});$

javascript - 当其他元素消失时动画/缓和元素定位

请看一下这个fiddle:http://jsfiddle.net/dhcyA/尝试点击一个方block。我想要的是,当其他元素消失时,所选block将动画/缓和到他的给定位置,而不是像现在这样跳跃。然后,当再次单击该框时,相同的动画会自行重复,但随后会返回原位。也许要记住:我使用的是响应式设计,这意味着这些block在缩放窗口后可以是垂直和水平的。任何对fiddle的修改或建议都会很棒! 最佳答案 这是我的解决方案。在您现有的标记上,我添加了一个包装部分来计算包装内框的位置。像这样I'mblock1....为了保持block的流动性

javascript - 有javascript机制修改Image的EXIF元数据信息吗?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion我正在寻找一种JavaScript机制来修改图像EXIF元数据信息,我发现有很多JS库允许我检索EXIF信息,但没有一个可以修改。我想修改图像的EXIF方向信息,然后保存它。

javascript - 在内容可编辑的 ReactJS 组件中定位插入符号

我正在使用ReactJS将文本值渲染到contenteditableDOM节点中。例如:vardata=[{value:'Hello'},{value:'World!'}];varcomponent=React.createClass({render:function(){varpieces=this.props.data.map(function(piece){return({piece.value};);});return{pieces};}});React.renderComponent(,someContainer);导致DOM看起来像这样(出于多种原因):Hello;Worl

javascript - 是否有针对 IE6 的 JavaScript PNG 修复程序允许 CSS 背景定位?

我已经看到一些允许PNG图像在InternetExplorer6中具有透明度的修复程序,但我还没有找到一个也允许您在CSS中设置背景位置的修复程序。如果你使用Sprite,这是一个交易破坏者。我求助于使用GIF(质量不高),根本不使用透明图像,或者提供与IE6完全不同的样式表。是否有针对IE6的修复程序允许PNG透明度和背景定位? 最佳答案 是的。转换图像以使用索引托盘(png256)。您可以支持透明度(就像gif),但不能支持alphachannel。您可以使用Irfanview执行此操作和pngout插件,pngquant或pn

javascript - 如何使绝对定位的图像区域 map 可以用鼠标点击?

我使用绝对定位将几张图像放在彼此的顶部。这些图像是部分透明的,并且有一个htmlarea和map使只有可见的部分可以点击。在jQuery中,我将鼠标事件附加到area标签。这对一张图像很有效:mouseenter和mouseleave仅在输入图像的映射部分时触发。问题是它只适用于顶部图像。对于所有其他人,它不会触发事件,CSS悬停也不起作用,因为它上面还有另一个图像。尽管area不重叠并且map位于图像前面。这是问题的演示:http://markv.nl/stack/imgmap2/ 最佳答案 您可以在所有单独的图像之上放置一个完全

javascript - Protractor/WebDriverJS 中的 by.js 定位器是什么?

最近,我注意到Protractor文档中添加了一个新的定位器-by.js():LocatesanelementsbyevaluatingaJavaScriptexpression,whichmaybeeitherafunctionorastring.我了解此定位器提供的功能,但我错过了此定位器有用的真实世界用例。我什么时候应该更喜欢使用by.js而不是by.css等其他内置定位器? 最佳答案 我觉得用例是使用核心javascript函数获取元素,每当css和其他元素定位器无济于事或没有我们可以使用的属性时。场景-如果您使用核心jav

自动滚动到不断增长的页面底部的 Javascript 机制?

希望这对于那些使用Javascript的人来说是一个简单的答案......我有一个日志文件,该文件正在被一个脚本监视,该脚本将注销中的新行提供给任何连接的浏览器。一些人评论说,他们希望看到的更多是“tail-f”行为-最新的行将始终位于浏览器页面的底部,直到查看者向上滚动才能看到某些内容。滚动回到底部应该会返回到自动滚动行为。我对这个问题的谷歌删除是-希望-只是对javascript一无所知,因此不知道要搜索什么关键字。我不需要完整的解决方案-只需要一个“足够接近”的解决方案,让我可以投入其中并亲自动手。编辑:我一直在尝试scrollTop/scrollHeight的想法,但显然遗漏了

javascript - css/jQuery - 居中绝对定位的 div

div是50%不透明的,显示在网站内容的顶部,固定宽度为960像素(由jQuery创建)。如何水平居中?margin:0auto;不起作用:( 最佳答案 margin:0auto;不适用于绝对定位的元素。相反,我们可以使用元素本身的属性。检查fiddle...http://jsfiddle.net/UnsungHero97/HnzyT/2/将它水平居中很容易,因为您绝对知道宽度和它的位置。您所要做的就是给它2个CSS属性:width:960px;position:absolute;/*...otherCSSproperties...

javascript - 错误的结果箭头( Angular )到地理定位

我有一个关于显示指向某个位置的箭头的问题。这就是我所拥有的:您可以将当前位置保存在本地存储中。稍后,当您距离例如30米远时,您可以单击第二个按钮“显示到先前位置的方向!”获取指向您之前位置的箭头。这是一个移动网站,因此不是native应用。这是我的代码:FindyourlocationSavemycurrentlocation!Showdirectiontopreviouslocation!$(window).ready(function(){//orientationobjecttosaveheadingofthedevicevarorientation={};/*Findlocat