草庐IT

滚动到指定位置

全部标签

javascript - 滚动位置到达屏幕中的元素位置时如何显示和过渡?

假设这是我的模板:Loremipsumdoloroditquisit?Loremipsumdolorsitamet,consectetur.Loremipsumdolorsitamet,tenetur!当RowOne、RowTwo和RowThree在视口(viewport)中显示时,我想分别对其进行显示和动画处理。就像在Laracastswebsite,当滚动位置到达元素偏移量时,元素出现并动画。是否可以使用Vue.js和javascript? 最佳答案 这里是如何使用指令来实现的。Vue.directive('vpshow',{i

javascript - 使用 jQuery,如何在指定 CSS 类的 sibling 中查找元素的索引

给定以下HTML:我正在尝试编写函数showPath以便它返回父级div与其兄弟类component的索引>。所以在上面的示例中,我希望函数返回1。我已经走到这一步了,但它返回了2;我不知道如何忽略类somethingelse的divfunctionshowPath(element){varcomponent=$(element).closest('.component');alert(component.index());} 最佳答案 jQ的一个快速简单的扩展,将这个过程变成一个方法:$.fn.getIndex=function(

javascript - 如何从 body 上的 onClick 事件中获取鼠标单击的绝对位置?

我正在尝试获取鼠标点击相对于浏览器/正文的绝对位置(顶部和左侧),不是正文中的任何父元素。我有一个绑定(bind)到主体的监听器,但e.pageX和e.pageY给我相对于div的位置。请注意,我可以利用jQuery和YUI函数。目前无法正常运行的代码://gettingthepositionfunction_handleClick(e){vardata={absX:e.pageX,absY:e.pageY};_logClickData(data);}//bindingthefunctionvarmethods={init:function(){$("body").click(_han

javascript - setTimeout(fun) 有一个参数? (未指定超时)

HTML5specifications声明setTimeout可以在没有额外的“timeout”参数的情况下运行,该参数应该表示函数“处理程序”将在多少毫秒后被调度。handle=window.setTimeout(handler[,timeout[,arguments]])Schedulesatimeouttorunhandleraftertimeoutmilliseconds.Anyargumentsarepassedstraightthroughtothehandler.但是,我找不到任何地方可以解释当没有设置“超时”时间段时会发生什么。一个例子用法是,animationimpl

javascript - 如果元素的位置是绝对的,浏览器的渲染是否回流?

如果我有一个具有绝对位置的元素,并且我更改了它的左侧和顶部位置,会回流到它的父子元素吗?如果它自己的child不受影响怎么办,因为他们也被左轴和上轴绝对定位?如果我更改元素的宽度/高度但对父元素及其子元素都不重要? 最佳答案 具有绝对位置的对象不会影响页面的布局。页面的布局不考虑绝对定位的对象。移动绝对定位的对象不会引起其他对象的任何回流。移动具有绝对定位的对象将导致其子对象随之移动。它不会回流它们,它们只会与它们的父容器一起移动。 关于javascript-如果元素的位置是绝对的,浏览

javascript - 滚动功能不适用于 Chrome

以下代码适用于Firefox浏览器。但是,不是Chrome。下面的代码有什么问题?window.onload=function(){document.body.onscroll=Test.callFn;}varTest=newfunction(){this.callFn=function(){console.log("Callingthisfunction");}}谢谢 最佳答案 我今天遇到了类似的问题。您可以将document.body更改为window:window.onload=function(){window.onscro

javascript - 如何在 ChartJS 中使用溢出滚动修复图表图例宽度-高度

我想为我的元素创建饼图,所以我正在使用ChartJS,但是chartJS存在一些问题,如果我使用10到20个数据字段,那么时间图表看起来不错,但是当我我在一个图表中应用了50到60个以上的数据字段,所以图表看起来比图例小,如果有时数据字段比隐藏的图表多,你只能看到图例,图表就不见了。我想为该图例设置高度或宽度,如果有更多数据,也适用于滚动条。这是供您引用的fiddle链接https://jsfiddle.net/KDM1010/5um78rbk/varctx=document.getElementById("myChart").getContext('2d');varmyChart=n

javascript - div 滚动条宽度

是否有使用javascript/jquery获取滚动条宽度的简单方法?我需要得到溢出的div的宽度+滚动条的任何宽度。谢谢 最佳答案 如果你正在使用jquery,试试这个:functiongetScrollbarWidth(){vardiv=$('');$('body').append(div);varw1=$('div',div).innerWidth();div.css('overflow-y','auto');varw2=$('div',div).innerWidth();$(div).remove();return(w1-w

javascript - 使用 jQuery.ajax 时如何限制/指定 json 响应

所以我最近才开始将ajax与jQuery结合使用。我想知道是否可以限制或指定您想要从响应中返回的内容。假设我有以下内容,我只想得到100人中的前3人或后3人。$.ajax({type:"GET",url:"/people"dataType:"json",success:function(data){//Dosomeawesomestuff.}});现在,我知道你可以pas和可选的数据对象。这个数据对象可以用来限制或指定我想要的响应吗?感谢您的帮助! 最佳答案 您应该在服务器端进行过滤。传递参数使用data。$.ajax({type:

滚动后的Javascript粘性div

对于这里的许多人来说,这个问题可能很愚蠢。我在纯JS滚动后制作粘性div。有些人可能会建议在jQuery中制作它,但我对此不感兴趣。我需要的是类似于this的东西.这里div一直移动到顶部,但我需要它有60px顶部。我制作了一个脚本,但它不起作用。谁能帮我解决这个问题?这是我的代码。HTMLCSS#left{float:left;width:100px;height:200px;background:yellow;}#right{float:right;width:100px;height:1000px;background:red;margin-top:200px;}JSwindow