我想自动滚动到顶部,但如果用户开始滚动,就会退出。
我目前所拥有的是提前停止动画,因为滚动动画本身就是滚动的-所以它触发了“如果发生滚动就停止滚动”动作。
function stop_scrolling_to_top(){
// stop animation attached to selector
$('html, body').stop();
}
// scroll to the top automatically
$('html, body').animate({ scrollTop: 0}, 1400, "easeOutQuin
当scroll到达div的底部时,我需要获取一个事件,并且按照下面的代码,我正在获取scroll的事件到达底部,但问题是我正在获取多个事件,并且只要scroll在底部,它就会同时触发。
那么,有没有办法停止连续触发事件,而不是在处理第一个事件发生后再触发事件呢?
$("#divid").bind('scroll', function() {
//Getting continuous event as far as scroll is in bottom
if($('#divid')[0].scrollHeight
我正在开发视差网站,当滚动停止时,我想减轻这些因素。因此,我开发了一个插件来检测滚动停止的时间,一旦它停止,然后平滑元素的移动(对象向用户滚动的方向移动5个像素)。它可以工作,但只适用于插件应用到的最后一个元素。当我尝试调试时,我发现这两个元素在$(window).scroll(function(event) {中仍然有效,但是一旦我们到达$(window).scrollStopped(function(){,只有最后一个元素生效。有什么解决办法吗?
// Scroll Direction set
var lastScrollTop = 0, scrollDirection = "
我正在使用jquery.visible.js来检测DIV何时在视图中(它在插件上启动动画,具有类似于圆形动画的效果)。但每次我使用滚轮时,它都会继续触发,无限地增加自己,而且我找不到一种方法来停止它,用off()或unbind()?谢谢!
// Check vertical for circliful using jquery.visible.js
$(window).scroll(function(){
if ($("#moreSection").visible(true)){
// trigger circliful
$(
我有一个使用@angular/cli创建的角4项目,在以开发模式运行应用程序时,我会在控制台中收到这些警告:
zone.js:1489 [Violation] 'setTimeout' handler took 209ms
2[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive.
我试着用的库制作一个动画。我通过使用.onscroll()来触发动画--但是我很难阻止滚动事件的频繁触发,而且它加快了动画的速度,因为.onscroll()每秒会多次调用它。
通过根据当前时间设置变量,我能够在第一次滚动时停止滚动事件的触发。
对于后续的滚动事件,我无法保持延迟,在每个滚动之后,变量的有效性越来越低。
我如何保持它,使滚动只触发动画启动一次,每个滚动事件,使它保持恒定的速度,无论我启动和停止滚动启动和停止动画多少次?下面是演示
这是代码
var t, l = (new Date()).getTime(), scrolling = false;
$(window).scroll
其目标是让anime.js在用户滚动时显示动画,并在滚动停止时停止动画。向上和向下滚动的动画是不同的。下面是当前的代码: var focusDown, focusUp;
var up = false, down = false, scrollPos = 0, scrollPos1;
var isScrolling;
window.addEventListener('scroll', function () {
window.clearTimeout( isScrolling );
scrollPos1 = $(window).scrollTop()
我试图在JS中实现模块模式,但是滚动事件没有触发,代码有什么问题,下面是示例
var modBrandHeader = (function ($) {
'use strict';
var $con;
/* GENERIC */
var init = function () {
$con = $('.brand-header');
if (!$con.length) {
return;
}
};
var scroll = function (scr
我使用油门来调用一个函数,在那里我检查一个用户滚动了多远。如果用户滚动到115 to以上,那么我将向主体添加一个类。除非用户在移动/平板设备上继续快速滚动,否则只有当用户停止滚动时才会添加类。我怀疑,除非用户停止滚动,否则不会检查卷轴。如何确保当用户滚动时,它一直在检查它已经滚动了多远?
var throttled = _.throttle(myFunc, 50);
$(window).on('scroll', throttled);
function myFunc() {
var scroll = $(window).scrollTop();
if (scrol
我编码了这个:
$("#scroll-to-left-button").on("mousedown", function() {
var x = $("#scroll-area").scrollLeft();
$("#scroll-area").scrollLeft(x - 10);
});
$("#scroll-to-right-button").on("mousedown", function() {
var x = $("#scroll-area").scr