草庐IT

custom-scrolling

全部标签

javascript - 有没有CSS :visible (scroll) selector?

我只想使用CSS更改可见元素的样式。有选择器吗?它只需要与Chrome和Firefox一起使用。(我正在构建一个扩展/插件)如果没有,有没有办法用轻量级的javascript改变可见元素的样式?在当前滚动位置可见。元素可以超出滚动视野,或部分可见。 最佳答案 没有用于评估可见性的标准纯CSS规则。正如其他人所说,jQuery(如果您想使用jQuery)既有CSSselectorextension:visible以及在任何给定的jQuery对象上执行.is(':visible')的能力,以使用.css在任何给定的DOM元素上获取计算样

javascript - jQuery/JavaScript : Detecting scroll direction - code structure issue

我需要检测用户滚动的方向——“向上”或“向下”。基于此答案中的代码:HowcanIdeterminethedirectionofajQueryscrollevent?我试图将它包装在一个函数中,这样它就更有区别了——但不幸的是,它不起作用。我认为这与我返回值的方式有关,但方向始终是“向上”。作为JavaScript的新手,我在解决这个问题时遇到了问题。代码如下:$(document).ready(function(){'usestrict';varlastScrollTop=0,st,direction;functiondetectDirection(){st=window.pageY

javascript - ExtJS 3 : Two ways of creating custom class: what's the difference?

我正在努力学习ExtJS和面向对象的JavaScript。我见过人们以多种方式在自定义命名空间中定义类。这两种方法有什么区别?方法一Ext.ns('myapp.cars');(function(){varCar=Ext.extend(Object,{//...})myapp.cars.Car=Car;})()方法二Ext.ns('myapp.cars');myapp.cars.Car=Ext.extend(Object,{//...});方法二更易读,需要的代码更少;有什么理由方法1更好吗?谢谢! 最佳答案 基本相同,只是第一种方法

javascript - Facebook Javascript SDK 开放图 : error adding custom objects for custom stories

我创建了一个名为“意见”的自定义对象,以围绕它构建自定义故事。我正在尝试使用javascriptsdk从我的网站添加一些应用拥有的对象。Facebook给我的示例代码是:FB.api('me/objects/[namespace]:opinion','post',{app_id:xxxxxxxx,type:"[namespace]:opinion",url:"http://samples.ogp.me/331257847005141",title:"SampleOpinion",image:"https://fbstatic-a.akamaihd.net/images/devsite/

javascript - ionic 2 + Angular 2 : auto scroll to bottom of list/page/chat

我正在尝试编写包含“聊天”和“内容”两个部分的页面。我希望那个“聊天”将页面自动滚动到底部而没有任何效果。聊天是有几个.item1item2....item20item21我使用的是Javascript,而不是typescript,而且我不想不使用jQuery。谢谢:)另外,当我转到“内容”部分并返回“聊天”时,我想再次自动滚动聊天。 最佳答案 这是我的做法:chatPage.htmlchatPage.html中重要的一点是#content在.我将使用#content标识符以获取对的引用在我的chatPage.js中使用ViewCh

javascript - 使用 Infinite Scroll 进行 Isotope v2 过滤 - 过滤器未找到所有项目并且窗口未在过滤器上调整大小

注意!有一个待处理的feature-requestissue在Isotope的GitHub存储库上,如果您有兴趣查看官方文档和演示(如何结合Isotope、InfiniteScroll、过滤和排序),您应该添加“?”react。它由Isotope的创建者打开以衡量兴趣。如果有兴趣,请点赞!**TL;DR:为了帮助获得官方文档和演示,gohereandadda"?"reaction.**尝试使用IsotopeJSplugin拼凑出一个可过滤的布局和PaulIrish的(遗憾的是无人维护)InfiniteScrollplugin.过滤有些工作。最初它过滤页面1的内容。为了过滤不在第1页上的

javascript - 图表 : how to set custom scale in bar chart

Chartjs是一个非常出色的开源工具,但我对我尝试创建的条形图有一个快速的问题。鉴于此图表数据:varchartData={labels:labels,datasets:[{fillColor:"rgba(220,220,220,0.5)",strokeColor:"rgba(220,220,220,0.8)",highlightFill:"rgba(220,220,220,0.75)",highlightStroke:"rgba(220,220,220,1)",scaleOverride:true,scaleSteps:9,data:values}]}我曾希望图表将以10的最高值绘

javascript - jQuery 滚动事件 : how to determine amount scrolled (scroll delta) in pixels?

我有这个事件:$(window).scroll(function(e){console.log(e);})我想知道我有多少像素滚动值,因为我认为滚动值取决于窗口大小和屏幕分辨率。函数参数e不包含此信息。我可以在每次滚动后存储$(window).scrollTop()并计算差异,但我可以采用不同的方式吗? 最佳答案 “滚动值”不依赖于窗口大小或屏幕分辨率。“滚动值”就是滚动的像素数。但是,您是否能够滚动,以及您可以滚动的量取决于容器的可用空间和容器内内容的尺寸(在本例中为容器是document.documentElement,或旧版浏

javascript - 检测手机浏览器是否支持溢出 :scroll

是否有一个与设备和库无关的简单JavaScript解决方案?我想向html元素添加一个类,这样我就可以在可能的情况下向移动设备提供可滚动的容器。这与Modernizr采用的方法类似,检测功能支持而不是浏览器检测。我只是不想使用整个Modernizr框架。努力使移动元素的JavaScript保持轻便。谢谢! 最佳答案 它并不完美,但我正在使用它来检测-webkit-overflow-scrolling。varoverflowScrolling=typeof($("body")[0].style["-webkit-overflow-sc

javascript - 检测 Scroll 何时到达页面的底部 [没有 jQuery]

我想在滚动到达页面底部时发出警告,如下所示:$(function(){$(document).scroll(function(){if($(document).scrollTop()==0)alert("top");})})但没有jQuery,到达底部时发出警报。 最佳答案 document.addEventListener('scroll',function(event){if(document.body.scrollHeight==document.body.scrollTop+window.innerHeight){alert