草庐IT

定位的运作机制

全部标签

javascript - -webkit-overflow-scrolling 打破了绝对定位

我正在构建一个页面,该页面需要一些元素在页面顶部滚动,否则它们会滚动到屏幕之外。我设法使用position:absolute做到了这一点。一切都运行良好,但它需要动量滚动。我将-webkit-overflow-scrolling:touch添加到可滚动区域的css中。这打破了一切。我的带有position:absolute的粘性元素现在只是与其余内容一起滚动。我的问题是:为什么-webkit-overflow-scrolling:touch会影响绝对定位,有没有办法解决这个问题?更新:每当子元素变为“固定”或“未固定”时,我都会添加一个警报。警报继续触发,因此样式仍在应用,只是不起作用

javascript - node.js 中是否存在超时事件的通用机制?

我正在学习node.js,我能找到的大多数示例都是处理简单示例的。我更感兴趣的是构建真实世界的复杂系统,并评估node.js基于事件的模型如何处理真实应用程序的所有用例。我想应用的一个常见模式是让阻塞执行超时,如果它没有在特定超时时间内发生。例如,如果执行一个数据库查询需要超过30秒,那么对于某些应用程序来说可能太多了。或者如果读取一个文件需要超过10秒。对我来说,带超时的理想程序流与带异常的程序流类似。如果某个事件没有在某个预定义的超时限制内发生,那么事件监听器将从事件循环中清除,并且会生成一个超时事件。此超时事件将有一个备用监听器。如果事件被正常处理,那么超时监听器和事件监听器都会

javascript - 没有提示的地理定位

我知道HTML5的地理定位方式,但需要注意的是它必须提示用户获得许可。navigator.geolocation.getCurrentPosition当我想直接在主页上进行地理定位以根据位置提供定制内容时,这变得特别烦人:没有人喜欢在他或她每次访问您的网站时都得到提示。想法是使用外部服务根据IP地址或类似的东西进行地理定位,以不太准确地估计用户的位置,并仅在该位置确实不在时才提示用户。关于我可以为此目的使用的服务,有什么好的建议吗?我知道Google已经这样做了:currentlocation.它会显示您当前的位置,而不会给您任何提示。有谁知道如何做到这一点?MaxMind数据库很好,

javascript - .scroll() 函数在上次更新后在 google chrome 中定位闪烁

说实话,我有点绝望。在我的GoogleChrome浏览器更新之后——我认为是版本39到41——我的一个客户网站在Chrome中完全毁容了。你可以在这里看到:http://prinovis-media-day.com/如果向下滚动,所有»parallax«元素都会闪烁。我已经在我的macbook版本39上检查过了——它在版本39中绝对没问题。基本上,我为创建这种效果所做的工作非常简单:$("window").scroll(function(){varmove_value=Math.round(scroll_top*0.3);varopacity_value=*someothervalue

javascript - d3.js 中的图形方向和节点定位

多亏了这个早question,我在d3.js中使用强制布局生成了一个静态固定布局图,如下所示:我有两个具体问题来进一步自定义布局:首先,我注意到确定性地初始化节点位置(例如,在此处对Angular线完成,请参阅script了解详细信息)固定节点的位置,并且节点的方向似乎取决于此初始化以及尺寸力图*。我想知道如何使上图中的节点A、D、E、F、I水平对齐?换句话说,我想将图形的方向逆时针旋转大约45度。我尝试在中间水平初始化节点:nodes.forEach(function(d,i){d.x=w/size*i;d.y=h/2;});但是生成的输出中所有节点和边都水平放置在它们被初始化的位置

javascript - 带地理定位的谷歌地图距离计算器

我有一个小型网络应用程序,可以计算Googlemap上两点之间的距离。我希望它在加载应用程序时将用户置于其当前位置。我尝试过不同的地理定位方法,但没有任何运气。最好的办法是让它计算与用户位置的距离。但是,仅在网络应用程序中拥有用户位置对我来说就足够了。vardirectionDisplay;varmap;functioninitialize(){directionsDisplay=newgoogle.maps.DirectionsRenderer();varcopenhagen=newgoogle.maps.LatLng(55.6771,12.5704);varmyOptions={z

javascript - 使用旋转/缩放/平移在 Google map 上定位图像

我正在开发一个用于在谷歌地图上定位图像的用户界面。我从:http://overlay-tiler.googlecode.com/svn/trunk/upload.html开始这非常接近我想要的。但是我想要一个旋转工具、一个缩放工具和一个平移工具(后者存在)而不是3个接触点。我尝试添加一个旋转工具,但它没有像我预期的那样工作:我在左下角放了一个点来控制旋转(围绕图像的中心)。鼠标拖动控制点,我计算其他3个点。我的代码基于mover对象,但我更改了onMouseMove函数:overlaytiler.Rotater.prototype.rotateDot_=function(dot,the

javascript - 相对于鼠标定位图像/背景图像

我想知道动画图像(或背景图像)相对于鼠标的位置的有效方法是什么。以Github为例:https://github.com/thispagedoesntexist这是一个非常性感的404页面。我想对我的用户产生影响,我认为这肯定会影响。问题1)如何做到这一点?2)只是CSS?CSS和JS?3)最后,有这样的库吗? 最佳答案 这是使用名为Plax的jQuery插件制作的. 关于javascript-相对于鼠标定位图像/背景图像,我们在StackOverflow上找到一个类似的问题:

javascript - 如何用 selenium 重新加载 html DOM,以便新命令定位新节点?

所以我正在做一些测试,其中一个页面会在单击某些按钮和链接后更改它的html树。但是webdriver一直只在旧的htmlDOM中搜索。那么如何定位新添加的网络元素呢?或者如何让webdriver加载新的HtmlDOM以便它以新元素为目标?谢谢 最佳答案 WebDriver会自动轮询DOM。只需在与最近添加的网络元素交互之前使用隐式或显式等待:http://www.seleniumhq.org/docs/04_webdriver_advanced.jsp#explicit-and-implicit-waits

javascript - AngularJS 在 ng-repeat 的当前迭代中定位元素

我确信这个问题已经以一种或另一种形式回答了无数次,但是我不确定要搜索什么才能找到解决方案。假设我们有一个简单的ng-repeat:GetTextBoxValue在javaScript文件中:function$scope.getTxtBoxVal(val){alert(val)}基本上我想知道应该在whatDoIPassInHere中传递什么参数,在jquery中类似于:$(this).siblings(input).val()我有一个解决方法,就是给每个文本框一个唯一的ID:>并用唯一ID定位它,但我相信有更优雅的方式来处理这个问题 最佳答案