草庐IT

鼠标滚动

全部标签

javascript - jQuery 在悬停时滚动到 div 并返回到第一个元素

我基本上有一个设置尺寸和overflow:hidden的div。该div包含7个子div(但一次只显示一个),当它们各自的链接悬停时,我希望它们可以垂直平滑地滚动。但是,第一部分(div)没有链接,并且在没有悬停链接时是默认部分。看看这个jsFiddle,了解我所说内容的基本结构:http://jsfiddle.net/YWnzc/我曾尝试使用jQueryscrollTo来完成此操作,但未能成功。如有任何帮助,我们将不胜感激。谢谢。 最佳答案 是这样的吗?http://jsfiddle.net/YWnzc/5/代码:jQuery("

javascript - jQuery 单击滚动条未注册为 IE 中的元素?

这是特指jQuerydropkick插件:http://jamielottering.github.com/DropKick/滚动到第二个演示,其中列表溢出并且有一个滚动条。在除IE之外的任何浏览器中,您都可以与滚动条进行交互。在IE中,面板在鼠标松开时隐藏,就好像它认为点击可能在元素之外?我希望得到任何帮助来找出问题。 最佳答案 尝试这样做:$dk.bind('focus.dropkick',function(e){$dk.addClass('dk_focus');});$(document.body).bind('click.d

javascript - 到达另一个 div 时停止 div 滚动

基本上,我目前有一个div,它保持固定并在用户滚动时跟随用户向下滚动,直到到达某个点。我可以很容易地让它停在一个固定的像素位置,就像我在下面的例子中所做的那样,但是因为我是一个jQuery白痴,所以我不知道如何让它停在一个div上。这是我到目前为止使用的内容:varwindw=this;$.fn.followTo=function(pos){var$this=this,$window=$(windw);$window.scroll(function(e){if($window.scrollTop()>pos){$this.css({position:'absolute',top:pos

javascript - 添加 View 框时鼠标位置发生变化

我目前正在学习和使用JavaScript和SVG,我是新手。这是我的场景我有一个div,里面有一个SVG。现在我想知道鼠标相对于我的div的位置所以我写了下面的代码odiv=document.querySelector('#O_div');XOffset=$(Odiv).position().left;YOffset=$(Odiv).position().top;//Andonmymousemoveevent$('#O_div').mousemove(function(event){varmouseX=event.clientX-XOffset;varmouseY=event.clie

javascript - 如何抓取无限滚动页面?

我正在尝试构建可以从具有无限滚动的页面中抓取内容的东西。但是,我无法从第一个“中断”下方获取内容。我该怎么做? 最佳答案 无限滚动几乎总是通过使用AJAX或相关技术在JavaScript中完成的。因此,您的网络爬虫获取HTML并解析它是不够的;它必须下载并执行javascript,或者至少扫描它以查找AJAX调用。执行完整的javascript可能是最好的(即最能保证工作),但也可能是最难做到的。扫描AJAX请求的javascript和/或寻找执行AJAX调用的函数然后进行DOM操作可能是最简单的(相对于完整的JS执行)

javascript - 将鼠标悬停在 jquery 上,将 Div 展开

我实际上是在尝试在表格中构建产品列表。我已经有了从数据库中获取数据并将其放置在页面中的php代码,但我受困于jquery和javascript,我在这方面是个菜鸟。我一直在阅读一些文档,然后我使用了这个脚本:JavaScript$(window).load(function(){$('.principale').hover(function(){$(this).animate({width:215,height:350,margin:0,},'fast');/*$(this).animate().css('box-shadow','0010px#44f')*/$(this).anima

javascript - 使用 AngularJS 在滚动条上隐藏一个 div

我是AngularJS的新手。当用户在div“B”上滚动时,我想在AngularJS中隐藏div“A”。目前,当用户使用ng-click单击div“B”时,我可以隐藏div“A”,但我找不到任何方法来使用AngularJS滚动。我知道,我可以使用JQuery来隐藏div,但是有什么方法可以使用AngularJS来实现吗?更新:我创建了一个滚动指令并附加了$window。现在,如果我滚动整个窗口,div将被隐藏,但我想在滚动特定的div时隐藏它。我当前的实现如下所示:app.directive("scroll",function($window){returnfunction(scope

javascript - 除非页面移动,否则不会触发滚动事件

我希望在从$(window).scrollTop==0“向上”滚动时触发一个事件。如果你有如下代码:$(window).scroll(function(){console.log("scrolling")});在文档$(window).scrollTop没有改变,但这并不意味着没有鼠标滚动输入。无论页面是否移动,我都希望在鼠标滚动时触发一个事件。 最佳答案 看起来像你要找的东西:http://jsfiddle.net/n8eVQ/$(document).on('mousewheelDOMMouseScrollMozMousePixe

javascript - three.js 在鼠标向下旋转对象并移动

我试图在我的场景中获得良好的鼠标移动,以便我可以围绕对象旋转。我有两个问题,我可以弄清楚如何限制运动,使其永远不会在Y轴上旋转低于0度。(我不想从下面看到物体,只能从上面看到)我想不通的第二件事是如何使运动流畅。现在我在jsfiddle中取得的成就是相机在开始旋转之前移回其起始位置。我的尝试:http://jsfiddle.net/phacer/FHD8W/4/这是我没有得到的部分:varspdy=(HEIGHT_S/2-mouseY)/100;varspdx=(WIDTH/2-mouseX)/100;root.rotation.x+=-(spdy/10);root.rotation.

javascript - 滚动时多次触发停止功能

当用户滚动到底部时,以下代码加载下一页。然而,有时它会自己重复——当用户滚动得太快,或者在AJAX仍在加载时滚动。有没有办法防止它多次触发?因此,例如,在调用AJAX时无法加载任何内容,或者AJAX只能每秒调用一次?任何帮助都会很棒。$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){if(firstURL!==null){$.get(firstURL,function(html){//thisgetscalledmultipletimesonerr