草庐IT

scroll-view滚动条

全部标签

javascript - 单击按钮时如何滚动到顶部?

我在页面上有一个按钮,我希望当它被点击时,页面滚动到0位置。HTMLBacktotopj查询$(document).scroll(function(){varscroll_pos=$(window).scrollTop()if(scroll_pos>10){$('#button').click(function(){//whatcodetoenterhere??});}}); 最佳答案 试试这段代码:$("#button").on("click",function(){$("body").scrollTop(0);});on方法将c

javascript - Angular JS。如何禁用自动滚动到我的页面顶部

请告诉我,如何禁用自动到页面顶部?如果我使用哈希导航:Gotoindex我的页面显示在顶部,但如果我使用AngularJS:HTML:GotoindexJS:$routeProvider.when('/index',{template:'...',controller:'RouteCtrl'})我的页面滚动到顶部。我怎样才能禁用它? 最佳答案 我觉得你的普通href有点奇怪不滚动并且ng-href卷轴,我还以为是相反的……但是,对于解决方案;滚动哈希更改取决于浏览器,因此通常要禁用它,您需要拦截和preventDefault()事件

javascript - ionic /如何期望刷新缓存 View ?

我目前使用的是最新的Ionic“nightybuild”版本。此版本的一个好消息是cachedviews的概念:Bydefaultviewsarecachedtoimproveperformance.Whenaviewisnavigatedawayfrom,itselementisleftintheDOM,anditsscopeisdisconnectedfromthecycle.Whennavigatingtoaviewwhichisalreadycached,itsscopeisthenreconnected,andtheexistingelementwhichwasleftint

javascript - 如何在 AngularJS 指令中的元素上绑定(bind)滚动事件

如何在AngularJS指令中的元素上绑定(bind)滚动事件?我在$window上绑定(bind)滚动条,但现在我需要将其更改为此类“.body-wrapper”(angular.element(document.queryselector(.body-wrapper))不起作用)。有什么想法吗?angular.element($window).bind("scroll",function(){...}) 最佳答案 没有理由它不应该工作。这个简单的例子表明它确实如此-varapp=angular.module('plunker',

javascript - 查询/JS : Detect user's scroll attempt without any window overflow to scroll to

我正在制作一个转换网站,虽然我想使用用户的滚动尝试作为转换启动器,但我不希望有一个窗口滚动条。现在,我只是检测到用户使用jquery滚动(我已经使我的窗口大小比用户的滚动条屏幕高1px,尽管这是我试图避免的)使用jquery.scroll(function)方法,并使用它来转换我的页面,但是我想检测用户的滚动尝试,而不必让我的页面溢出一个像素,从而显示滚动条如何做到这一点?我所知道的乱码可能性:将窗口定位在外部包装器内,并将滚动条隐藏在包装器的溢出中。这是一个修补工作,而不是解决方案。它会导致页面内容偏离中心,因为并非所有浏览器都使用相同的滚动条宽度。 最佳

javascript - 如何禁用页面的滚动条?

如何禁用页面的滚动条。并禁用此按钮。 最佳答案 滚动条是一个CSS问题。您可以将其添加到您的页面(或CSS文件的内部部分):html,body{overflow:hidden;} 关于javascript-如何禁用页面的滚动条?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3611379/

javascript - 在 Angular 中更改模型后如何更新 View ?

如何让Angular传播我对模型所做的更改。在AngularJS中这真的很容易,但我似乎无法让它在Angular中工作。我知道整个变化检测系统和View传播完全改变了。不知何故,我需要通知Angular变化。但是我如何在实践中做到这一点。看这段typescript代码:import{Component,View,bootstrap,For}from'angular2/angular2';//Annotationsection@Component({selector:'app'})@View({template:`{{user}}`,directives:[For]})classApp{

javascript - 在 Google map 上放置街景 View 按钮

如何在相当典型的Googlemap上放置街景View按钮,使其与右上角的标准map/卫星/混合按钮一致?我见过这样的一个例子,但我再也找不到了。所以,我知道这是可能的。 最佳答案 是的,确实可以在map的选项中指定控制位置——在onlinedocs中寻找控制定位.如何指定谷歌地图控件位置用于在右上角定位街景控件streetViewControlOptions:{position:google.maps.ControlPosition.TOP_RIGHT}到您的map选项。查看此演示(使用GooglemapAPI第3版):varmyL

javascript - IFrame 中 ExtJS 5 应用程序的滚动问题

你好,这是我的测试页面的样子:蓝色区域是父页面,绿色区域是运行ExtJS应用程序的IFrame(内部带有标签的简单视口(viewport))。如果网站在触摸设备(iPad、Android平板电脑等)上运行,则无法通过在IFrame(绿色区域)上“删除”来滚动页面。必须删除蓝色区域才能滚动页面。这在ExtJSv4.2.1中一直正常工作(见下面的链接)。测试站点:https://skaface.leo.uberspace.de/ScrollTest/Ext510/(未按预期工作,使用ExtJSv5.1.1)https://skaface.leo.uberspace.de/ScrollTes

javascript - 动态禁用 SVG 元素的触摸操作(过度滚动)

我在Chrome上遇到触摸屏过度滚动的问题。我有一个包含SVG元素的文档,其中包含一些形状,比如一个矩形:现在,我想使矩形可拖动,这意味着我想禁用相应上的各种触摸操作。元素,通过设置它的样式属性touch-action:none.这在除Chrome之外的所有桌面浏览器上都能正常工作。在Chrome上,当我在一个矩形上触摸并移动时,浏览器的过度滚动功能会启动。这会导致浏览器窗口笨拙地移动,以及我在矩形上设置的所有指针事件都被取消。即pointermove注册几分之一秒,然后在过度滚动开始时停止。pointerup即使在触摸被释放时也不会被调用。现在,如果我有一个HTML元素而不是SVG元