I have built a React component which is suppose to call the function on window scroll event.  I would like to call the function, "getCards('default'), when the user scroll to 90% of the scroll height.  The component looks as shown in belo...

Is it possible to shrink both the height and the width of a div simultaneously while scrolling down a page? For example, as the user scrolls down, the div size goes from 400px by 400px to 200px by 200px while staying in the center of the page? I know...

I want to detect if a browser supports onscroll immediately?.. The problem is that older IOS versions of IOS support onscroll, but it gets triggered at the end of the scrolling. However I can't think of a way to detect this?...

I know how to get the scrollTop of a page, I use this simple JS function (code copied around):  function GetScrolledTop()  {    //I never work in IE quirkmode, I always use DOCTYPE as 1st line, so I don't need to test for document.body.scrollTop...

How has Facebook built this fixed-on-scroll box (sticky sidebar) on their new prasentation site for the new newsfeed?    I know many of the solutions for doing this but this one is special. The switching between position: relative and position: fixe...

Hi guys I am using the scroll function on this script but it fires each time a user scrolls. I want it to only fire once when the user scrolls down to #ror. I tried using the fired variable to check if it has already been fired but that didn't se...

import React, { Component } from 'react'; import './App.css';  import Home from './Components/Home/Home'; import Explainers from './Components/Explainers/Explainers'; import VideoCreation from './Components/VideoCr...

I have sidebar that following by scrolling. If the sidebar reach down to footer, how to stop to follow?  This is what I tried so far here.    $(function() {   var floatPosition = parseInt($("#left_menu").css('top'));    $(window).scro...

I am wanting to create a accordion at the top of the page, with the hide/show function triggering this element while the user scrolls the main browser window. During the initial scroll the content of the entire page shouldn't scroll until the las...

I'm having some trouble with adding a class when a specified class is scrolled into view with a delay between when the classes are added.   I have three divs, all side by side, all with the class fadeInDownScroll seen in the javascript code.  The...