jjzjj

javascript - 获取滚动条的 `distance`

使用javascript是否可以计算出距离,或者窗口向下滚动的像素距离?问候菲尔 最佳答案 这将用于获取元素与文档顶部的距离:document.documentElement.scrollTop您需要确保该元素是可滚动的。来自MozillaMDN:Iftheelementcan'tbescrolled(e.g.ithasnooverfloworiftheelementisnon-scrollable),scrollTopissetto0 关于javascript-获取滚动条的`dista

javascript - jQuery 滚动事件 - 检测元素滚动到 View 中 - 在 Chrome 上性能不佳

以下代码在IE和Firefox上工作正常,但Chrome讨厌它(它运行但真的很慢)。我确信它可以使浏览器更加友好,但是怎么做呢?itemPlaceholder是数百个100x100的floatdiv(例如图像占位符)。我正在使用jquery1.4.4和Chromev10.0.648.127。$(function(){ReplaceVisible();$(this).scroll(function(){ReplaceVisible();});});functionReplaceVisible(){$('.itemPlaceholder').each(function(index){if(

javascript - 鼠标移动时滚动窗口

大家好我的意思是当鼠标向窗口边缘移动时(x或y或两者),我希望页面滚动,当鼠标停止移动时,我希望页面停止滚动。有许多示例说明如何基于使用onClick事件或窗口边缘的滚动区域进行滚动,但基于鼠标光标。如有任何帮助,我们将不胜感激。 最佳答案 网页已经设计为可以使用滚动条、page/home/end/arrow键等进行滚动。是否有任何理由不适合您的页面?更改预期功能通常不是一个好主意。您可以阅读mousemove事件在这里。不管怎样,下面的代码应该可以工作,但我真的不推荐使用它。对于有敏感鼠标的人来说,这尤其令人迷惑://Variab

javascript - 记住 QML 元素中的滚动位置

我有一些qml作为应用程序的输出(有点像只读控制台)。但是,使用起来很烦人,因为它在打印信息时会滚动回顶部。例如,假设我每秒向我的TextArea打印一行,大约一分钟后,我将有足够的行,现在我有一个滚动条。我滚动到底部,一秒钟后,打印了一行文本,导致它滚动回顶部。我想要的理想功能是自动滚动到底部(很像控制台打印内容时的样子),除非用户通过向上滚动来覆盖它,那么文本应该保持不变。我希望这是有道理的,这里是一些代码:ScrollArea{id:helpTextScrollAreaanchors.left:parent.leftanchors.right:parent.rightanchor

javascript - 如何防止向左/向右滑动时垂直滚动

当我尝试向左/向右滑动时,我的应用内容也会垂直滚动,从而造成困惑的用户体验。有办法防止吗?这是我处理滑动的方式//angulardirectivelink:function(scope,element,attrs){$ionicGesture.on('swiperight',function(){console.log("swiped");},element);} 最佳答案 前言:此解决方案在确保与ios和android环境兼容后完全改写;以下评论可能不再适用;欢迎任何反馈。是,有一种方法可以防止水平滑动时应用内容滚动:通过结合an

javascript - RXJS - 仅在空闲时启动计时器?

我使用的流在我滚动窗口时会受到限制。在节流时(只要滚动),它会向控制台发出值。但是,当流空闲时(用户没有滚动窗口)——我想要一个计时器启动。但是——如果用户再次开始滚动——我不希望那个计时器发出值。目前我正在这样做:constobservable=Rx.Observable.fromEvent(window,'scroll');constsubscriber=observable.throttleTime(300).map(()=>'throttle').merge(Rx.Observable.interval(1000).map(()=>'tick')).subscribe((x)=

javascript - 滚动图像选框javascript

我目前想制作多张图片的选取框,但我的代码只允许一张。你知道我可以向这段代码中添加多张图片吗?(我已经尝试将图像直接添加到正文中的div元素中-它不起作用。) 最佳答案 我已经为您整理了这样一个slider。不需要框架,尽管有一些跨浏览器问题我还没有处理(包括版本8之前的IE以不同方式处理scrollWidth)。首先,把代码整理成这样:像这样添加一些CSS:#marquee-container{width:500px;/*orwhateveryouwant*/margin:0auto;/*centersit*/overflow:hi

javascript - 有没有 jQuery scrollTop 的替代品?

是否有任何替代方法可用于将浏览器滚动到页面顶部的函数?现在我正在使用:$('html,body').animate({scrollTop:'0px'},300);。是否有其他东西,或者不是jQuery的东西? 最佳答案 下面是scrollTop函数的纯JavaScript实现。它使用setInterval作为异步while循环,周期性地递减pageYOffset值,该值表示滚动条相对于页面顶部的位置。需要澄清的是,while循环会阻止页面上的其他脚本运行,并且会立即滚动到顶部,而不管步长值如何。然而,具有50毫秒迭代的setInte

javascript - 全屏视频不允许在 Firefox 上滚动

我正在使用fullscreen.js脚本,在我的其中一个屏幕上我将有一个全屏Vimeo视频。显然,这会导致FF出现问题,并阻止我在到达视频屏幕后立即向上或向下滚动。该问题已提交到脚本的GitHub页面,但作者将其驳回,因为它是一个FF问题(https://github.com/alvarotrigo/fullPage.js/issues/803)。我将所有这些与基础CSS一起用于响应式视频:"width="400"height="225"frameborder="0"webkitAllowFullScreenmozallowfullscreenallowFullScreen>错误是这个

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new