昨天在写一个v3+ts的移动端项目时有一个点击tab栏跳转至页面相对应位置的功能,使用scrollTop修改dom的位置不生效最后查出来问题为需要设置scroll的盒子没有设置高度。。。。scrollTop要生效的必要条件:(1)盒子必须具有高度 高度不能为0(2)设置该dom的overflow属性为auto|| scroll然后vue3通过 例 html部分 js部分 import{ref,nextTick}from'vue'; constdemo=ref(null) //这行代码用来获取dom constclick=()=>{ nextTick(()=>
这个函数工作正常。它将主体滚动到所需容器的偏移量functionscrolear(destino){varstop=$(destino).offset().top;vardelay=1000;$('body').animate({scrollTop:stop},delay);returnfalse;}但在Firefox中没有。为什么?-编辑-为了处理已接受答案中的双重触发,我建议在动画之前停止元素:$('body,html').stop(true,true).animate({scrollTop:stop},delay); 最佳答案
我将页面设置为在单击按钮时滚动到顶部。但首先我使用if语句来查看页面顶部是否未设置为0。如果不是0,我将页面设置为动画以滚动到顶部。varbody=$("body");vartop=body.scrollTop()//Getpositionofthebodyif(top!=0){body.animate({scrollTop:0},'500');}现在棘手的部分是在页面滚动到顶部后对某些内容进行动画处理。所以我的下一个想法是,找出页面位置是什么。所以我使用控制台日志来找出答案。console.log(top);//theresultwas365这给了我365的结果,我猜这是我在滚动到顶
我正在尝试滚动到滚动DIV中的特定位置。现在我正在使用jQueryscrollTop()函数的像素偏移,它在桌面浏览器上运行良好,但它在android移动浏览器上不起作用,除了Google的ChromeAndroid浏览器(没有iOS设备来测试它是否有效)).我找到的所有解决方案都是用于页面(窗口)滚动,而不是用于在DIV中滚动,有人对我可以用来完成相同任务的其他方法有任何建议吗?这是一个例子:http://jsfiddle.net/aQpPc/http://jsfiddle.net/aQpPc/embedded/result/我尝试过的在桌面浏览器中工作的其他东西:document.
似乎body.scrollTop(和body.scrollLeft)在ES5严格模式下已被弃用。考虑到在其他DOMElement上使用这些属性似乎仍然可以,这是什么原因?背景信息:我有一个函数试图增加(或减少,如指定的那样)元素的所有祖先的scrollTop值,直到其中一个实际发生变化。我想知道,为了继续提示严格模式,我是否应该在父链向上移动时特别检查body元素。[很明显,body指的是document.body] 最佳答案 Chrome自身的错误行为已被弃用,他们警告作者停止依赖它。scrollingviewportisrepr
例如,functionfnCheckScroll(){variNewHeight=oDiv.scrollHeight;variscrolTop=oDiv.scrollTop;alert("ThevalueofthescrollHeightpropertyis:"+iNewHeight+"px");alert("ThevalueofthescrollToppropertyis:"+iscrolTop+"px");}Hello在IE8中,scrollTop的值始终为:0-scrollTop返回0(即使在滚动之后)? 最佳答案 引用:sc
我有一个简单的设置,允许加载“帮助”式窗口并滚动到页面上的特定点。代码大致如下所示:vartarget=/*code*/;target.offsetParent().scrollTop(target.offset().top-fudgeValue);滚动的目标和软糖值由页面上的几个提示决定,我对这个机制的任何地方都没有问题。在Firefox和IE8中,上面的代码完全按照我想要的方式工作:滚动框(在本例中为页面主体)在被告知这样做时正确地将包含的内容滚动到窗口中的正确位置。然而,在Chrome和Safari中,对scrollTop()的调用显然什么都不做。所有数字都正常,目标指向正确的东
检测浏览器窗口的scrollTop的最佳跨浏览器方法是什么?我不喜欢使用任何预构建的代码库,因为这是一个非常简单的脚本,而且我不需要所有这些负担。 最佳答案 functiongetScrollTop(){if(typeofpageYOffset!='undefined'){//mostbrowsersexceptIEbefore#9returnpageYOffset;}else{varB=document.body;//IE'quirks'varD=document.documentElement;//IEwithdoctypeD=
我只是想在页面的滚动位置达到一定高度后做一些事情。但是,无论我向下滚动多远,scrollTop()都会返回0或null。这是我用来检查scrollTop()值的帮助函数:$('body').click(function(){varscrollPost=$(document).scrollTop();alert(scrollPost);});我已经尝试将scrollTop()附加到$('body')、$('html'),当然还有$(window),但没有任何变化。有什么想法吗? 最佳答案 出于某种原因,从我的html和body标签中删
每当用户滚动页面时,我想在页面底部放置一个元素。这就像“固定位置”,但我不能使用“位置:固定”css,因为我的许多客户的浏览器不支持它。我注意到jquery可以获取当前视口(viewport)的顶部位置,但是如何获取滚动视口(viewport)的底部?所以我问的是如何知道:$(window).scrollBottom() 最佳答案 varscrollBottom=$(window).scrollTop()+$(window).height(); 关于javascript-jquery:$