草庐IT

scroll-view滚动条

全部标签

javascript - 使用 AngularJS 在多个 View 中显示相同的数据

也许有人可以帮助我一点点。我必须在多个View之间共享数据。因为是学校项目,所以不得不用AngularJS,但是我是新手,不知道从何下手。该程序的工作原理如下:用户(客户)可以在餐厅预订餐table。(第一页)用户(员工)可以将订单添加到保留表中。(第二页)当客户从第一页预订一张table时,该table会添加到第二页,以便员工可以向其添加订单。也许有人可以在我的路上帮助我。 最佳答案 服务是单例的,所以当第一次注入(inject)服务时,工厂中的代码被调用一次。我假设您有一个路由表,因为您在谈论多个页面。如果你定义这个angula

javascript - jQuery 滚动到元素底部而不是顶部

我正在使用以下内容滚动到一个元素$("html,body").animate({scrollTop:$('selector').offset().top},500);当滚动到浏览器窗口的顶部时,上面的代码将元素放置在浏览器窗口的顶部,有没有一种方法可以滚动到以浏览器窗口底部的元素结束滚动的元素? 最佳答案 尝试像这样将滚动条放在元素的底部$("html,body").animate({scrollTop:$('selector').offset().top+$('selector').outerHeight(true)},500);

javascript - 当用户滚动时停止当前的 scrollTo 事件

我使用的是http://nick-jonas.github.io/windows/的修改版本这允许用户在DIV的不同部分内滚动,然后这些部分将弹回原位。因为我正在滚动我已经替换的DIV:$('.windows').animate({scrollTop:scrollTo},options.snapSpeed,function(){if(!completeCalled){if(t){clearTimeout(t);}t=null;completeCalled=true;options.onSnapComplete($visibleWindow);}});与:$('.windows').sc

javascript - 拦截按键(如空格和箭头)时停止页面滚动

我正在使用JavaScript和Prototype并捕捉用户的按键操作。我用这样的代码成功地捕获了返回、空格和箭头:Event.observe(window,"keyup",function(e){switch(e.keyCode){caseEvent.KEY_RETURN:caseEvent.KEY_RIGHT:case32://space//dosomethingbreak;}});我的问题是空格和箭头一直在滚动页面。有没有办法阻止他们滚动页面? 最佳答案 使用e.preventDefault()停止浏览器的默认行为

javascript - View 上的主干重新绑定(bind)事件

我有两种观点,一种代表客户的观点,另一种是个别客户的观点。我在客户端View中绑定(bind)mouseenter和mouseleave事件以淡入和淡出图像上的叠加层。单独使用时效果很好。但是,我还使用jQuery插件来实现轮播效果(插件here)。启用后,我的自定义事件将不再有效。插件初始化后,有什么方法可以委托(delegate)ClientView事件吗?这是我第一次使用Backbone,所以我也可能做错了其他事情。代码如下://ClientViewwindow.ClientView=Backbone.View.extend({tagName:'li',template:_.te

javascript - Bootstrap 边栏滚动、Affix 和 Scrollspy

较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有

javascript - 在向下滚动之前,页面加载时显示粘性 "back to top"按钮

我按照教程获得了一个粘性的“返回顶部”按钮,该按钮会在您向下滚动时出现。出于某种原因,当您在页面首次加载后位于页面顶部时,它会显示。如果向下滚动,然后一直向上滚动,它就会消失(应该如此)。但最初它表现不正常。有什么想法吗?这是我正在使用它的实时页面,您可以在右下角看到它:http://willryan.usHTMLBacktotop$(document).ready(function(){//Showorhidethestickyfooterbutton$(window).scroll(function(){if($(this).scrollTop()>200){$('.go-top'

javascript - 使用 AngularJs 和 Firebase 无限滚动

如何对从firebase获取的数据实现无限滚动。到目前为止,我找到了一个angularjsdirective,这真的很棒,但我很难用fireable实现它,因为firebase在一个请求中返回所有数据,这不是我想要的。 最佳答案 几周前,我制作了一个允许在myapp中无限滚动的JS函数。.首先,用户访问网站时显示一组数据://Addacallbackthatistriggeredforeachmessage.varn=25;//Stepsizeformessagesdisplay.$(window).load(function(){

javascript - $(window).scroll() 在页面加载时触发

有没有办法阻止$(window).scroll()在页面加载时触发?在Firefox4中测试以下代码,即使我拔下鼠标,它也会触发。jQuery(document).ready(function($){$(window).scroll(function(){console.log("ScrollFired");});}); 最佳答案 scroll事件与鼠标无关,每当设置新文档滚动位置时调用它。并且可以说该位置是在文档加载时设置的(毕竟您可能会使用anchor加载它),如果用户按下键盘上的光标键也是如此。我不知道为什么您需要忽略初始的s

javascript - 有条件地阻止移动 safari 中的滚动/触摸移动事件

iOS5现在允许原生溢出:滚动支持。我想做的是为所有元素禁用touchmove事件,但具有“可滚动”类的元素或其子元素除外。但我似乎无法让它工作;这是我一直在使用的以下内容:.scrollable{height:5em;overflow-y:scroll;-webkit-overflow-scrolling:touch;}//doesn'tseemtoworkvarhandleMove=function(e){if(!$(e.target).parents().andSelf().hasClass('scrollable')){e.preventDefault();}};documen