Questions tagged [window-scroll]

12 questions
9
votes
1 answer

Is it possible to apply CSS Scroll Snap to the HTML tag rather than the Body tag

CSS Scroll Snap allows the browser to snap scroll to elements in a container. To apply the same logic to the vertical page scroll I found that it had to be applied to rather than (see below). This is not a major problem however it does…
Walrus
  • 19,801
  • 35
  • 121
  • 199
2
votes
3 answers

Jquery window scroll. call just one time

Hi I have one question about jquery window scroll function. I have code somthing like this. $(window).scroll(function(){ if($(window).scrollTop() > $(".pages").offset().top) { $('.top-slider').slick('slickPause'); }else…
Aram Mkrtchyan
  • 2,690
  • 4
  • 31
  • 47
1
vote
1 answer

jquery get image offset right on horizontal scrolling

I'm using on my website jQuery Mousewheel to have an horizontal scrolling. I'm trying to get the offset right of an image when scrolling. when using $(document).ready it works, but when I try to use $(window).scroll I dont have the right offset and…
mmdwc
  • 1,095
  • 6
  • 27
  • 53
1
vote
1 answer

Reactjs Redux: Infinite scroll with multiple different GET requests

I have built an infinite scroll in reactjs where the data is being loaded from the same API as the user hit the bottom of the page. Now, the problem here is to get the data from multiple different API to fetch other data.So, what would be the right…
CodeZombie
  • 2,027
  • 3
  • 16
  • 30
1
vote
0 answers

Width of the Table in AutoSizer and Window Scroller is not being updated properly while resizing the browser

I am using React-Virtualized to display a table with a long list of values. So it's a combination of WindowScroller, AutoSizer and Table. I am having an issue when the browser is resized. This is my code: render() { return ( …
AziiiRa
  • 11
  • 1
  • 2
1
vote
1 answer

Trying to exclude footer height from window scroll jQuery

I am trying to work with this infinite scroll. This is the JS link I need to exclude the footer height which is about 150px in height. Original jQuery from tutorial: $(window).scroll(function() { if($(window).scrollTop() + $(window).height() ==…
yuri1000
  • 361
  • 4
  • 21
0
votes
1 answer

$(window).scroll(function () {}) is not working

I'm trying to perform some action on window scroll event but it is not working. Here is my code $(window).scroll(function () { // var limit = 7; //The number of records to display per request var…
jhon
  • 1
0
votes
1 answer

How can i detect that the user is in the middle of the viewport while user scrolls down?

I have big data. It needs to be showed in virtual scroll. I am making http request when the user comes to the end of the page, then i am making new requestt t oget the new 25 items and i am adding to the existing one. For that i am…
Petar
  • 119
  • 1
  • 8
0
votes
1 answer

Angular 8 window scroll events not firing on mobile browsers

I have tried almost every solution that is available online but nothing worked out, below are few solutions I tried My actual scenario is to show a specific div element when the other div element goes off from the screen when the screen is scrolled…
kishore
  • 356
  • 1
  • 3
  • 20
0
votes
2 answers

Scroll Event is not firing in Angular-6

I know this question is asked before, but none of the solutions worked for me. I am working on the Angular-6 project. I am trying to get Window-Scroll event in one of the components named SectionComponent. Styles of html and body tag: html, body { …
Kalpesh Shingala
  • 376
  • 2
  • 5
  • 19
0
votes
1 answer

want image to scroll up, then freeze, then text to scroll over it

I have an element with a background image that's a little taller than the height of the screen. As the user scrolls down, I want the image to scroll up until the bottom of the image is flush with the bottom of the window, then freeze the image, then…
LauraNMS
  • 2,720
  • 7
  • 39
  • 73
0
votes
1 answer

I want override animate effect on html & body

Suppose below is my code. i am not responsible to make change directly to code. hence i am doing it via console. and i want to unbind this html & body animation but someotherFunction() should work as it is. there may be too many functions as well…