How to set a min/max value for variable increasing/decreasing with scrollTop?

Question

I have a variable called yPos increasing and decreasing based on the value of $(window).scrollTop() on scroll. I would like to set a maximum and minimum value so that the yPos variable cannot be any lower than the min value and cannot be bigger than the max value, but still change depending on scrollTop. How should I go about doing this?

Does [this link](https://stackoverflow.com/questions/11409895/whats-the-most-elegant-way-to-cap-a-number-to-a-segment) answers your question? — Kaiido, Dec 09 '19 at 08:26

score 3 · Accepted Answer · answered Dec 09 '19 at 08:30

3

const max = yourMax;
const min = yourMin;

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

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

answered Dec 09 '19 at 08:30

Addis

2,480
2
13
21

Sajad Karuthedath · Answer 2 · 2019-12-09T08:38:50.727

1

Use something like this.

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

note: this just a logic, please don't copy paste this to your code.

edited Dec 09 '19 at 08:38

answered Dec 09 '19 at 08:29

Sajad Karuthedath

14,987
4
32
49

why it is not working ? this is just a logic only how to do it and not the complete answer with fiddle or something like that. – Sajad Karuthedath Dec 09 '19 at 08:35

score 1 · Answer 3 · answered Dec 09 '19 at 08:31

$(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>

How to set a min/max value for variable increasing/decreasing with scrollTop?

3 Answers3