如何使用scrollTop为变量增加/减少设置最小/最大值？

Question

我有一个名为yPos的变量，根据滚动时$(window).scrollTop()的值增加和减少。 我想设置一个最大值和最小值，以便yPos变量不能低于最小值并且不能大于最大值，但仍会根据scrollTop发生变化。 我该怎么做呢？

Answer 1

const max = yourMax;
const min = yourMin;

let yPos = $(window).scrollTop();

if(yPos > max) {
  yPos = max;
}
else if(yPos < min) {
  yPos = min;
}

Answer 2

使用这样的东西。

var yPos= 0;
var min_value = 10;
var max_value = 100;
if($(window).scrollTop() >= min_value && $(window).scrollTop()<= max_value)
{
  yPos = $(window).scrollTop();
}

注意：这只是一个逻辑，请不要将其复制粘贴到您的代码中。

Answer 3

 $(document).ready(function(){ var scroll = 0;; var maxvalue = 100; var minvalue = 10; var temp = 0; $(document).scroll(function(){ temp = $(window).scrollTop(); if(temp > maxvalue) { temp = maxvalue; } if(temp < minvalue){ temp = minvalue; } scroll = temp; console.log(scroll); }); });

 body{ height:200vh; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>