草庐IT

scroll-view滚动条

全部标签

javascript - 如何解决在 JavaScript 中使用视差效果滚动时元素闪烁?

我正在尝试使用JavaScript重新创建具有视差效果的网站。这意味着我有两层或更多层,它们在滚动时以不同的速度移动。在我的例子中,我只移动一层,另一层保持静止:第1层=网站文本;第2层=元素背景;为此,我使用简单的源代码(使用jQuery1.6.4):vardocwindow=$(window);functionnewpos(pos,adjust,ratio){return((pos-adjust)*ratio)+"px";}functionmove(){varpos=docwindow.scrollTop();element.css({'top':newpos(pos,0,0.5)

javascript - jQuery 窗口滚动事件。每滚动 XX 像素

我正在为一个项目使用出色的jQueryReel插件(http://jquery.vostrel.cz/reel)。我想绑定(bind)到窗口滚动事件,所以当用户向下滚动页面时,插件前进1帧,也就是说每滚动10像素,如果用户向上滚动,动画就会反转。该插件有一些方法,我可以毫无问题地将值传递给它,而且我知道如何绑定(bind)到窗口滚动事件。我正在挣扎的是最后一个。我如何使用jQuery/JavaScript表示在任何垂直方向上每滚动10个像素在动画中前进1帧?我知道我可以将窗口滚动存储在一个变量中,但我不确定每次它达到10的倍数时如何提前一帧。非常感谢。编辑感谢以下用户的帮助,我制定了解

javascript - 如何在 EmberJS 中显示/隐藏 View

我希望在加载时隐藏一个View,然后当用户单击链接时它会显示该View。有人可以检查我的代码并让我知道我做错了什么吗?App.parentView=Em.View.extend({click:function(){App.childView.set('isVisible',true);}});App.childView=Em.View.extend({isVisible:false});这是jsfiddle:http://jsfiddle.net/stevenng/uxyrw/5/ 最佳答案 我会创建一个简单的isVisibleBi

javascript - 如何包含特定于每个 View 的javascript文件angularjs

我遇到的问题是,在我将它绑定(bind)到网格之前,loadjs文件并不总是被加载。我已阅读有关使用指令的其他帖子,但我不明白如何在我的案例中使用它们。代码应该加载一个特定的View,每个View依次有一个特定的javascript文件,需要在最终重新生成View之前加载该文件所以View1可能是一个具有datagrid.js文件依赖性的数据网格,而View2是一个具有listview.js依赖性的ListView谢谢。FunctionMyCtrl1($scope){$scope.$on('$viewContentLoaded',function(){//Loadfileifnotal

javascript - 限制 'mousewheel' 增量每次滚动触发一次

我在下面使用下面的代码,在不同的方向滚动两个div()但我很想知道你是否可以限制滚动,这样它每次滚动只触发一次(而不是不断滚动并发送我的函数进入无限循环。$('.page-left,.page-right').bind('mousewheel',function(event,delta){varwindowHeight=$(window).height();if(delta0){nextProject();}});你可以看到我在这里:http://dev.rdck.co/lyonandlyon/提前致谢,R供引用的动画功能:varprevProject=function(){//upa

javascript - angular js按时间间隔更新json并更新 View

我一直在尝试在Internet上找到一种解决方案,以便能够在设定的时间间隔内更新我的$httpjson请求,同时让它用新数据更新我的绑定(bind)。我看过一些使用$timeout的示例,但无法使其正常工作,只是想知道最好的方法是什么。此外,能够使用下拉的新数据更新View是我似乎无法解决的问题,因为我无法提出新请求。这是我当前的构建。app.js文件,这仅显示json的初始提取。varmyApp=angular.module('myApp',['ngRoute']);myApp.controller('MainCtrl',['$scope','$http',function($sco

javascript - 将元素带到页面顶部,即使页面不滚动

背景:假设您有一个简单的页面,其中只有一个Logo、一个标题和一个段落FooBarABC12345是这样的该页面显然不会有垂直溢出/滚动条,即使是微型移动设备,更不用说计算机了。问题除非有人向上滚动,否则如何将标题移至屏幕左上角并将Logo移出焦点?开放使用任何JavaScript库和任何CSS框架尝试:尝试使用anchor,但只有当页面已经有滚动条并且anchor不在焦点时它们才有效。尝试过window.scrollTo但这也要求页面已经滚动尝试过$("html,body").animate({scrollTop:90},100);但是当页面没有溢出时这也不起作用注意事项:请注意,添

javascript - 在 Angular 2 中鼠标悬停之前,组件变量更改不会在 View 中更新

从angular2-alpha更新到最新版本后,bool值的更改不会更新*ngIf,直到执行某些操作。这里是有问题的组件:declarevarCKEDITOR:any;exportclassFieldComponent{@Input()field:any={};ckeditor:any;editable:boolean=false;constructor(){this.switchToUnEditable();this.listenForEvent("FieldEditableEvent",(data)=>{this.switchToEditable();});}switchToEdi

微信小程序scroll-view实现自定义刷新

微信小程序scroll-view实现自定义刷新@TOC先说原生页面级的刷新通常我们可以利用微信小程序的onPullDownRefresh函数(下拉刷新监听函数)和onReachBottom函数(上拉加载监听函数)监听页面的下拉和上拉动态,从而对页面数据进行修改!1.在页面.json文件声明//下拉刷新"backgroundTextStyle":"dark",//backgroundTextStyle设置为dark是为了可见下拉时的三个点。。"enablePullDownRefresh":true//允许下拉刷新2.使用onPullDownRefresh()监听用户下拉操作,实现刷新操作;onP

javascript - 水平滚动新闻滚动条用 JS 或 JQuery 有什么好用的

我正在寻找一些JQuery或JS来生成水平滚动的“新闻行情”列表。生成的HTML也需要符合标准。我试过了liScroll但这有打破习惯的习惯(有些内容在滚动开始时出现在第二行),尤其是对于较长的列表。我也试过thisNewsTicker但是当包含DOCTYPE时,滚动将在每个循环结束时颠簸而不是平稳循环。如有任何建议,我们将不胜感激。编辑感谢MattHinze的建议,我意识到我可以用JQueryanimate做我想做的事情(我需要连续滚动而不是像示例那样离散滚动)。但是,我很快遇到了与我在使用liScroll时遇到的问题类似的问题,毕竟我意识到CSS问题(一如既往)是负责任的。解决方案