草庐IT

鼠标滚动

全部标签

javascript - 滚动到页面底部时如何加载disqus?

我看到一些由jekyll支持的博客使用disqus进行评论,并且在您滚动到页面底部之前评论部分不会加载。我该如何解决这个问题?我试过这样的:LoadDisqusCommentsfunctionload_disqus(){vardsq=document.createElement('script');dsq.type='text/javascript';dsq.async=true;dsq.src="http://[YOUR-DISQUS-SHORTNAME].disqus.com/embed.js";(document.getElementsByTagName('head')[0]||

javascript - 如何在不进入页面的情况下显示水平滚动条

我有一个网页包含垂直和水平列出的100条数据。我有一个滚动条的CSS代码如下:.well{overflow:auto;}用户总是需要向下滚动才能找到水平滚动条。有没有办法阻止它,这样用户就不需要一直向下找到他的滚动条? 最佳答案 如果您的数据位于div中的block元素中,并且您希望用户不需要一直向下找到他的滚动条,那么给它超链接“href="divid"。当用户登陆该页面时来自任何链接http://exampl/#divid它将自动登陆到该div。 关于javascript-如何在不进

javascript - 如何检测鼠标是否在:before or over the :after part of an element上方

我有这个CSS来定义放置区域,用户可以在现有部分之前或之后放置一个部分。.section:before,.section:after{content:"[inserthere]";height:64px;line-height:56px;width:100%;display:block;border:3pxdashed#aaa;}这里使用JavaScript+JQuery是放置监听器,它检测当前鼠标下的元素:elem.on('drop',function(e){e.preventDefault();varcontainer=$(elem[0].elementFromPoint(e.cl

javascript - 确定鼠标位置是否靠近浏览器的边缘

在浏览器中,我试图确定代表鼠标位置的点是否在我所说的“外部区域”中。例如,在附图中,外部区域为蓝色背景。代码和图片中W代表浏览器视口(viewport)的宽度,H代表高度,x,y代表鼠标位置现在,我正在使用这段代码来做到这一点:if(((x>0&&xw2&&xw1&&x0&&yh2&&y虽然它按原样工作,但我想知道是否有更好的方法? 最佳答案 你不需要检查它是否大于0小于W,因为指针x位置不能小于0或大于W。同样适用于Y轴。以下应该足够了:if((x>w2||xh2||y 关于javas

javascript - 在浏览器中,我可以获得鼠标指向的图像颜色吗?

有一个web应用程序要构建,而不是图像映射,我想尝试更优雅的东西。故事是,将会有一张全局map,其中不同的大陆用不同的颜色表示。假设澳大利亚是红色的,亚洲是绿色的。当我的鼠标悬停在澳大利亚的形状上时,我的代码会通过检查光标当前指向的颜色来告诉我我正在悬停在澳大利亚吗?我知道我可以检查图像或其他东西上的鼠标坐标,但我真的想获得不依赖于预定义值/形状/边距的东西。任何想法和建议将不胜感激。非常感谢。 最佳答案 这取决于你的map是什么类型的元素。对于支持canvas的浏览器中的某些元素来说肯定是可能的,但对于整个页面则不然。查看我类似问

javascript - 位置固定和宽度 100% 元素覆盖 IE 中的垂直滚动条

我有一个宽度为100%且位置固定在页面顶部的div。当html需要垂直滚动时,它会覆盖IE中的垂直滚动条。我该怎么做才能避免这种情况(我无法更改位置固定位)?我可以检测页面是否需要垂直滚动onload/resize并使用jQuery更改静态div的宽度吗?或完全通过CSS解决吗? 最佳答案 发现问题:我不小心将overflow:auto附加到body标签上,而它只适用于html标签。 关于javascript-位置固定和宽度100%元素覆盖IE中的垂直滚动条,我们在StackOverfl

JavaScript - 取消滚动事件

我想在我的一个页面中禁用滚动。我不想写滚动(0,0)或滚动到(0,0)在滚动事件中会产生“跳跃”的性质。我不能有类似的东西吗event.preventDefault()为了取消事件? 最佳答案 document.body.style.overflow='hidden'; 关于JavaScript-取消滚动事件,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3405060/

javascript - d3 - 将鼠标悬停在图例上以突出显示相应的数据

使用d3成功创建了热图。这是FIDDLE.我对使用d3的mouseover事件有一些基本的想法。但现在我想更进一步。这就是我要找的。当我将鼠标悬停在图例上时,我希望悬停的图例各自的数据在图表中突出显示。有人可以帮我实现吗? 最佳答案 您没有将数据绑定(bind)到图例,这使得这项任务有点困难,但您仍然可以相当轻松地完成它。这个想法是将由填充颜色定义的类分配给rect元素,然后在鼠标悬停处理程序中进行相应的选择。代码如下所示。//fortherectangles.attr("class",function(d){return"hour

javascript - 在javascript中模拟鼠标点击时如何设置目标属性?

我想在使用dojo的javascript代码中模拟鼠标点击。真正的鼠标点击Action将使用带有“ondijitclick”的dojo-stuff进行注册。我知道哪个方法/函数被调用,我也有dijit对象来调用这个方法。该方法需要一个函数对象作为参数,因此我创建了一个新的MouseEvent对象。这一切都很好,只是我需要设置此事件的目标值,但我不知道该怎么做。这是必需的,因为稍后的异常处理正在访问目标属性,我无法避免这一点。到目前为止我的代码:dojo.query(".mybutton").forEach(function(node){vartarget=dojo.query(".my

javascript - 添加新行时,有没有办法让 jqGrid 滚动到底部?

我在页面上有一个jqGrid,用户可以单击一个按钮来添加新行。如果页面上已经有足够的行来填充网格的可见部分,则会添加新行并出现滚动条,但用户需要滚动才能看到新行。有没有办法以编程方式执行此操作? 最佳答案 使用jqGridAPI执行此操作的一种快速简便的方法是:调用editRow(这会将焦点设置到已编辑的行)然后立即调用restoreRow(因为您真的不想编辑该行)否则,您应该能够使用jQuery的focus函数将焦点设置到该行,例如:jQuery("#"+row_id).focus()-但我还没有测试过这个方法,所以YMMV。实际