草庐IT

滚动列表

全部标签

javascript如何在滚动路线上 move 元素

我有一条像垂直蛇一样的路线。(像这样http://www.my-favorite-coloring.net/Images/Large/Animals-Reptiles-Snake-31371.png)我如何通过滚动的X和Y位置move路径上的元素(圆10x10)?水平没问题:varcoin=$('#coin');$(window).scroll(function(){varcoinTop=coin.css('top'),cointLeft=coin.css('left');if($(window).scrollTop()>100&&$(window).scrollTop()但是我如何沿

javascript - 使用 RxJS 创建可过滤列表

我正在尝试进入响应式编程。我一直使用map、filter和reduce等数组函数,并且喜欢我可以在不创建状态的情况下进行数组操作。作为练习,我尝试在不引入状态变量的情况下使用RxJS创建一个可过滤列表。最后它应该像这样工作:我知道如何使用简单的JavaScript或AngularJS/ReactJS来完成此操作,但我正在尝试仅使用RxJS并且不创建状态变量来完成此操作:varlist=['John','Marie','Max','Eduard','Collin'];Rx.Observable.fromEvent(document.querySelector('#filter'),'ke

javascript - 按数据属性、字母顺序和数字顺序对列表项进行排序

我想从A-Z然后0-9对这个列表进行排序。y1aecw09g$(".columnsli").sort(sort_li).appendTo('.columns');functionsort_li(a,b){return($(b).data('char'))看了类似的问题,这是我想出的,但它只适用于数字或字母(不是两者)。https://jsfiddle.net/qLta1ky6/ 最佳答案 数字的ASCII码比字母小,所以比较的时候直接加权重就可以了:$(".columnsli").sort(sort_li).appendTo('.c

javascript - Vue.js:根据方法对列表进行排序

我正在获取一些原始数据并显示项目列表。每个项目都有一个我用方法生成的复杂属性(不是计算属性)。该属性可能会根据用户输入而改变。是否可以根据该属性对列表项进行排序?HTML:{{calculateComplexProperty(item.time)}}JavaScript:calculateComplexProperty:function(time){//this.distanceisanexternalfactorthatisnotapropertyofthelistitem,//andthatcanbemanipulatedbytheuservarspeed=time*this.di

javascript - 页面滚动时将 Div 元素从一个移动到另一个

我看到了一些与我正在寻找的相似但不完全相同的东西。所以我想做的是将元素从一个父div内移动到另一个父div,但只有在用户向下滚动页面一定量后才可以。因此,一旦用户到达页面上的某个点,元素就会移动到另一个点,然后在页面的最顶部淡入。到目前为止,我已经能够创建div元素并让它显示在页面顶部,但只有在用户向下滚动600时才会显示。我现在需要做的是一旦这个元素出现移动其他div页面上的元素出现在其中。不确定我是否解释得很好!因此,如果您查看下面的代码,我现在要做的是在用户向下滚动并出现时将所有div类“Test”移动到“Top”元素内。然后,如果用户再次向上滚动,“Top”元素就会消失,“Te

javascript - 使横向滚动网站快速加载的最佳方法是什么?

我是堆栈溢出和编程的新手,所以请原谅我任何尴尬的措辞!我正在构建一个图形丰富且大小为680x9400像素的横向滚动网站。我将使用一些javascript和/或mootools来创建一个很酷的横向滚动效果,类似于http://sursly.com.我正在对所有使用的图像进行网络优化,但想知道是否有人对如何加快页面加载有任何其他想法?例如,有没有办法在水平部分预加载网站?提前致谢。 最佳答案 使用类似于jQueryLazyLoadingPlugin的东西您可以获得明显的加速,因为只会加载可见图像。因此它们不会与屏幕外图像竞争。我知道您可

javascript - 元素的事件列表

有没有办法在javascript中找到一个元素的所有事件?或解除元素与所有事件绑定(bind)的方法?谢谢。 最佳答案 当然!看看这个绑定(bind)/取消绑定(bind)事件http://api.jquery.com/category/events/并使用此jQuery代码片段以键对“事件名称/函数委托(delegate)”的哈希集的形式获取绑定(bind)到元素的所有事件jQuery(elem).data('events'); 关于javascript-元素的事件列表,我们在Stac

javascript - JQuery - 将列表项附加到列表的最快方法

我有一些jquery可以正常工作,但我想对其进行高度优化。基本上我是将标准的列表项附加到无序列表。谁能推荐最快的优化以下代码的方法,例如创建文档片段?for(keyindata){li=$(''+data[key]["Name"]+'');$('.item',li).data('ID',data[key]["Id"]);$(list).append(li);} 最佳答案 varsb=newArray();for(keyindata){sb.push('',data[key]["Name"],'')}$(list).append(sb

javascript - 如何将Backbone.View绑定(bind)到DOM中类似元素列表中的 'single' DOM元素

我具有以下页面结构:Label1Label2............这是过于简单的View:varMyView=Backbone.View.extend({el:$('.listOfPosts'),initialize:function(){_.bindAll(this,"postClicked");},events:{"click.wcCheckbox":"postClicked"},postClicked:function(){alert("Gotaaclickinthebackbone!");}});问题:我想知道被点击的帖子的数据ID。使用简单的JQuery,我可以执行以下操作

javascript - 以编程方式滚动父 div 中的一组 div

我有一个包含多个子div的父div(请参阅此处了解我在说什么http://garyoak.com/images/MgMenu.png)。我希望能够仅使用键盘对其进行导航,因此我一直在寻找一种在用户推过可见元素时向上或向下滚动子div的方法。我可以弄清楚用户何时毫无问题地完成了该操作,但我不确定如何实际向上/向下滚动内部div。我有可用的jquery,可以毫无问题地向其添加扩展。我知道jquery插件,例如可滚动和旋转木马,但我希望有一种更简单的方法来做到这一点。html最终看起来像这样:Blizzara36Fire15....(restofpaneldivs)第一个div将MagicP