jjzjj

scrollTo

全部标签

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

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

javascript - 滚动动画

我需要执行带有动画的javascript方法scrollTo(x,y)。我不能'使用jQuery来做到这一点。 最佳答案 [Workingdemo]functioninterpolate(source,target,pos){return(source+(target-source)*pos);}functioneasing(pos){return(-Math.cos(pos*Math.PI)/2)+0.5;}functionscrollTop(duration){duration=duration||1000;varstartY=

javascript - 使用 jQuery 查找当前可见元素并更新导航

这里是第一次使用。我通常能够找到问题的答案,但我很难弄清楚这个问题。目标:我有一个带有侧边栏导航的单页布局,单击它会向下滚动到页面上的某个元素。但是,如果用户只是将页面向下滚动到特定元素#id,我希望导航中的相应链接变为.active。导航链接和相应的元素通过element#id和a[name]共享相同的值。类似于:NikeBetterWorld.com下面的HTML示例:Linkcontentgoeshere显然,还有更多的部分、链接、元素等。但这就是它的要点。因此,当用户向下滚动到section#value时,a[value]将获得事件类。我之前在这里找到了一个答案,对我有所帮助,

javascript - jQuery mCustomScrollbar "scrollTo"不工作

我正在使用mCustomScrollbar的基本设置,它运行良好,除非我调用以下命令:jQuery("#mcs_container").mCustomScrollbar("scrollTo","top");没有任何反应。firebug中没有显示错误,它什么都不做。有没有人以前经历过这种情况,或者有没有人知道为什么会发生这种情况?谢谢! 最佳答案 MCustomScrollbar不提供滚动到页面顶部的功能。但是,它确实支持滚动到HTML中的特定元素。例如,如果我在页面顶部有一个ID为“logout”的元素,我需要在顶部滚动,然后写$(

javascript - ScrollTo 方法在 Edge 中不起作用

我在我的方法中使用滚动constscrollToCenter=()=>{constkon=document.querySelector('.clazz');constwidth=kon.offsetWidth;kon.scrollTo(width/2,0);};它在Chrome和Mozilla中运行良好。在Edge中,我收到错误消息“对象不支持属性或方法scrollTo”。是否存在任何不同的方法在Edge中使用它? 最佳答案 官方报道:https://developer.microsoft.com/en-us/microsoft-e

javascript - 在 jquery 中取消提交?

我正在做一个表单验证,我想在“提交时”验证输入字段,如果错误我正在使用jquery.scrollTo去出错:$('#form_inscripcion').submit(function(){//setraentodoslosinputsdelformulariovar$inputs=$('#form_inscripcion:input');$inputs.each(function(){varencontro_error=validar($(this));//usesdependenceokif(encontro_error){$.scrollTo('input#'+$(this).a

javascript - jquery scrollTo 不工作

我只是想滚动到浏览器窗口中的特定DOM元素或绝对位置,但它不起作用。这是我的代码:$(window)._scrollable();$('#scene_01_down').click(function(){$(window).scrollTo(2000,1000);});这是插件的文档:http://flesler.blogspot.com/2007/10/jqueryscrollto.html 最佳答案 你真的需要那个插件吗?$("html,body").animate({scrollTop:2000,scrollLeft:1000

javascript - ...(三个点)在 jQuery 中?

我正在查看jQuery的jScroll插件的文档页面(http://demos.flesler.com/jquery/scrollTo),我注意到了这一点:$(...).scrollTo($('ul').get(2).childNodes[20],800);那么,jQuery中的三个点是什么意思?我以前从未见过这个选择器编辑:DOM元素这是来自源HTML。查看以下链接的来源:RelativeselectorjQueryobjectDOMElementAbsolutenumberAbsolute都给出相同的实现。编辑:我没有看清楚属性,它是针对标题属性的。我假设它的href属性。现在问这

javascript - jQuery scrollTo 但在两者之间变慢

我正在使用一个简单的代码块(基于“ScrollToPostswithjQuery”,它允许您单击下一个/上一个链接,它会跳转到每个帖子的顶部。我有我的HTML结构,所以它是post>image>post>image等等。我想知道是否有可能如果您单击下一个/上一个按钮,它会像往常一样滚动到下一个帖子,但它会悬停/悬停在中间的图像/div上?所以它最终完成了它的滚动,但在其间的div上变慢了。这是我的jQuery代码:$(function(){functiona(f){varb,e,c=[],d=$(window).scrollTop(),g=$('.section-slide');g.e

javascript - 如何在 Jest 中监视 window.scrollTo?

我得到了一个非常简单的React组件,具有以下功能:componentDidMount(){window.scrollTo(0,0)}看来你不能做类似的事情window.scrollTo=jest.fn()监视scrollTo函数。因此,我想知道监视此函数并断言它已在我的测试中使用过的最佳方法是什么。谢谢 最佳答案 开个Jest,全局namespace必须通过global而不是window访问。global.scrollTo=jest.fn() 关于javascript-如何在Jest中