草庐IT

位置偏差

全部标签

javascript - 保存和恢复 contentEditable div 的插入符号位置

我有一个contentEditablediv,它的innerHTML可以在编辑时通过AJAX更新。问题是,当您更改div的内容时,它会将光标移动到div的末尾(或失去焦点,具体取决于浏览器)。在更改innerHTML之前存储插入符位置然后恢复它的跨浏览器解决方案是什么? 最佳答案 回到2016年:)在我遇到这里的解决方案之后,它们并不适合我,因为每次输入后我的DOM都被完全替换了。我做了更多研究,并提供了一个简单的解决方案,该解决方案按Angular色的位置保存光标,这对我来说完美。这个想法很简单。找出插入符前字符的长度并保存。更改

javascript - 根据窗口中的元素位置,向下滚动时淡入,向上滚动时淡出

我试图让一系列元素在窗口中完全可见时在向下滚动时逐渐淡入。如果我继续向下滚动,则不希望它们淡出,但如果我向上滚动,则希望它们淡出。这是我找到的最接近的jsfiddle。http://jsfiddle.net/tcloninger/e5qaD/$(document).ready(function(){/*Everytimethewindowisscrolled...*/$(window).scroll(function(){/*Checkthelocationofeachdesiredelement*/$('.hideme').each(function(i){varbottom_of_

javascript - 修复 IE 中的背景位置

我在IE7中运行一段使用jquery和2个jquery插件的代码时遇到了这个问题。该代码适用于FF3和Chrome。完整的错误是:Line:33Char:6Error:bgisnullornotanobjectCode:0URL:http://localhost/index2.html但是第33行是一个空行。我正在使用2个插件:可拖动和缩放。无论我对代码做什么,总是第33行有问题。我通过查看源代码检查源代码是否有更新,但我觉得这可能是在骗我。$(document).ready(function(){$('#draggable').drag();$('#zoom').zoom({targ

javascript - 使 gridster.js 瓦片粘在特定的网格位置(捕捉到网格)

有什么方法可以让Gridster.js贴图粘住,而不是垂直向上移动以填充空白空间。有点像打开对齐网格的布局程序的工作方式...... 最佳答案 使用这个forkhttps://github.com/dsmorse/gridster.js与shift_widgets_up:false选项。查看演示:http://dsmorse.github.io/gridster.js/demos/sticky-postion.html 关于javascript-使gridster.js瓦片粘在特定的网格

javascript - WebWorldWind 可渲染位置更新

我正在尝试每隔一段时间在Web世界风地球上“移动”可渲染对象。为了说明我遇到的问题,我举了一个小例子。这有效(但效率低下):varmyVar=setInterval(myTimer,5000);functionmyTimer(){shapesLayer.removeRenderable(shape);shape=newWorldWind.SurfaceCircle(newWorldWind.Location(shape.center.latitude+1,shape.center.longitude),200e3,attributes);shapesLayer.addRenderabl

JavaScript 'contenteditable' -- 获取/设置插入符位置

我已经阅读了一些关于定位插入符的帖子,但似乎没有一个能回答我的特定问题。我有2个div(div1和div2)div1=不可编辑的divdiv2=contenteditablediv两个div包含完全相同的内容当用户点击div1时,它会被隐藏,而div2会出现在准确的位置,用户可以编辑问题:我希望插入符像div1一样出现在div2上的确切位置所以,我需要一些方法来读取用户点击div1的位置,然后当div2出现时将光标/插入符放在同一位置,所以getCaretLocation(in_div_id)和setCaretLocation(in_div_id)函数集。有什么办法吗?谢谢-

javascript - 如何获取 CSS3-3d 转换元素的屏幕位置?

我有一个基于CSS3构建的非常复杂的网站,其中包含html元素3d转换、旋转、翻转、翻转和一般扭曲。我正在尝试找出其中一个元素在屏幕上的位置,但没有找到任何方法。不知道有没有人有什么巧妙的想法。或者,如果有人可以解释-webkit-perspective背后的数学原理,我可以找出位置,因为这是我唯一不确定如何建模的东西。 最佳答案 您是否尝试过使用getBoundingClientRect()?我过去曾成功地使用它来计算已使用transform属性转换的元素的尺寸。 关于javascri

javascript - 在模板中连接 url 的 Angular 如何比在其他位置更不安全?

我有一个类似于此的angularjs模板:但是这会导致$interpolate:noconcaterror.与此模板相比:甚至:(其中createThumbnailURL是一个简单的过滤器,它与上面的连接相同)工作得很好。文档说:ConcatenatingexpressionsmakesithardtoreasonaboutwhethersomecombinationofconcatenatedvaluesareunsafetouseandcouldeasilyleadtoXSS.是的,静态URL总是比串联的URL更容易评估,我明白这一点。然而,REST-API的URL可以通过简单的连

javascript - 如何使用jQuery找到离当前位置最近的元素

我有一个文档,其中有几个部分是这样的:lalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalalala如何获取最近的到当前滚动位置(大概,这等同于读者当前正在查看的部分)? 最佳答案 您可以使用$(window).scrollTop()和$(el).postion().top计算元素距离顶部的距离滚动后屏幕的大小。然后您可以使用此信息根据需要操作元素。这是一个有效的jsfiddle示例:http://jsfiddle.net/gizmovation/x8

javascript - Google Maps InfoBubble pixelOffset(从标记上方的默认位置移动)

我正在尝试实现一个自定义infoBubble,它的框打开到标记的一侧,而不是默认位置在顶部。事实证明这比预期的要难。使用普通的infoWindow,您可以使用pixelOffset。在这里查看documentation使用infoBubble似乎并非如此。有没有办法在infoBubble中使用pixelOffset,或者可以做同样事情的东西?我发现这很难搜索,因为使用这样的谷歌搜索不会返回任何相关结果GoogleSearch以下是我一直在使用的所有资源。infoBubble示例here.我的JavaScript用于设置map和infoBubblehere.现在我的javascript在