滚动时更改变量值 - jQuery

Question

我有这个变量：coords.zoom。我使用 coords.zoom 的值来设置缩放图像的宽度和高度，从而给我一个放大效果。而且效果很好！

我唯一的问题是，当用户在我的图像上滚动时，我不知道如何增加（或减少）这个变量的值。我需要创建一些函数来更改用户滚动时此变量的值，但实际上没有向上或向下滚动。我也希望此变量始终介于 1 和 3 之间。

有什么想法吗？

Answer 1

它会在文档滚动时执行此代码。并且代码将使用 setTimeout 以正确的方式执行。

            var scrltimeout = null;
            jQuery(document)
            .scroll(function(){
            clearTimeout(scrltimeout);
              scrltimeout = setTimeout(
            function(){
            alert('document scrolled');
            }, 300)

            });

Answer 2

我找到了解决这个问题的好方法。对于任何需要这种机制的人来说，您来对地方了。

假设您有一个 ID 为 zoom 的 div。要增加（或减少）我的 coords.zoom 变量的值，请在您的正文标签之间粘贴此代码：

<script>
   coords.zoom = 1.5 // set a start value to coords.zoom  
   $('.image').bind('mousewheel', function(e){
   if(e.originalEvent.wheelDelta > 0){ 

       coords.zoom = coords.zoom + 0.1;
       if (coords.zoom>3){coords.zoom = 3} // 3 is the max value of coords.zoom
       $("#zoom").text(coords.zoom);

   } else {

       coords.zoom = coords.zoom - 0.1;
       if (coords.zoom<1.2){coords.zoom = 1.2} // 1.2 is the min value of coords.zoom
       $("#zoom").text(coords.zoom);
    }
  });
</script>

我们开始了！很好，很有效率。显然，我选择将值增加 0.1，但您可以将其设置为任何范围内的任何值...祝您有美好的一天！

滚动时更改变量值 - jQuery

Change variable value on scroll - jQuery

javascript

jquery

scroll

zooming