Stack Overflow
Stack Overflow

Questions tagged [waypoint]

A javascript library that helps to execute a function whenever you scroll to an element.

44 questions
3
votes
1 answer

Waypoints counter counts up (then down) and doesn't execute script when div is in immediate view

I have a number ticker which counts up. For demo purposes, this is how the counter is meant to work. It counts up and then stops. Now, I'm trying to get the ticker script to execute when the #ticker is in view. To do this, I'm using waypoints.…
Freddy
  • 1,651
  • 2
  • 13
  • 40
3
votes
1 answer

JS with EasyPieChart and Waypoint not executing

I have a simple question as I'm not to deep into JS coding. What is wrong with the following code-snippet and why isn't it executing as expected. (-> loading the charts as soon as they come into view) var waypoint = new Waypoint({ element:…
Toxicterror
  • 33
  • 3
2
votes
1 answer

Animate elements with the same class individually with waypoints.js and anime.js

I have this script that animates a title when it enters the viewport with viewport.js and anime.js: $(".title").waypoint(function() { anime.timeline({loop: false}) .add({ targets: '.title span', rotateY: [-90, 0], duration: 1300, …
Biels
  • 301
  • 1
  • 3
  • 8
1
vote
1 answer

Trying to change agm direction waypoints marker's icon ONLY

I developing a project where I am using from angular google map api. Actually I want to display a direction which has an origin, a destination and between those some waypoints/stepover. Please find my object below: public…
Dayvid Kelly
  • 44
  • 4
1
vote
1 answer

React-waypoint topOffset example code or how to use in reactjs

Can any one please tell me or send me sample code for how to write the code for topOffset in react-waypoint please.
Nadim
  • 31
  • 4
1
vote
0 answers

If pass a composite component to Waypoint, why need to wrap it with React.forwardRef?

https://www.npmjs.com/package/react-waypoint#children I am reading this post, why passing a composite component to Waypoint needs to wrap it with React.forwardRef? Can I just wrap the composite component with div then I don't have to wrap it with…
Tianbo Zong
  • 11
  • 1
1
vote
0 answers

Appending lazy-loaded elements to ul causes scrollTop to jump to zero

I'm using waypoint.js library to detect when the user has scrolled to the bottom of the ul. this then triggers an axios call to my server, returning an html string. I am creating elements from this string using a template tag, removing some…
DalThePal
  • 33
  • 3
1
vote
2 answers

Is there a way to in WayPoints to say offset from actual website top vs the current top of the browser window?

I have a logo that starts in with a basic SVG animation. When a user scrolls down it fires off another animation that pushes the logo sideways and shows part of the logo. When you scroll back up, the logo slides back into view. This all works…
Birdie Golden
  • 419
  • 3
  • 16
1
vote
1 answer

Unity Finding difference between A and B in a list efficiently

I am trying to calculate difference in numbers between 2 Points, from a list of about 90 points. The code I have so far: int positiveCounter = 0; int positiveResetCounter = currentWayPointID; int negativeCounter = 0; int…
snake555510
  • 81
  • 1
  • 1
  • 8
1
vote
1 answer

angular waypoints typescript error module not found

I installed the waypoints library with npm install waypoints and added types with npm install --save @types/waypoints. I get the error /node_modules/@types/waypoints/index.d.ts' is not a module. Using waypoints.js in Angular 4 application discuses…
David Kendlbacher
  • 11
  • 3
1
vote
0 answers

JS Waypoint - Animate between two offsets by pixel

I have three divs as follows, starting from -60px to 60px top. What I want to do is on scroll is move the first and last div in opposite directions on scroll by pixel as per this example; https://noni.com.mt/ (section 2). I figured a way to do this…
nsilva
  • 4,016
  • 13
  • 50
  • 95
0
votes
1 answer

Sometimes javascript loading fine and other times doens't work - Laravel

I am having a weird issue with one of the site I have been building, sometimes my website will load blank because the Javascript crashes because a file couldn't be loaded and other times it just works fine. It's now returning; main-client.js:243…
Remco1337
  • 21
  • 3
0
votes
1 answer

DJI SDK Waypoint Mission - UploadMission error

I'm developing an Android Application that uses the DJI SDK. The drone I'm using right now is the Mavic Pro 1. This application wants to use the predefined classes for waypoints inside the DJI SDK to create missions for the drone, but when…
Marc
  • 1
  • 1
0
votes
0 answers

$(this) does not work within jQuery waypoints function

In this example with $(this) does not work even it should. But if I get the id by concatenate it with a # it does, which is weird. I don´t get it. $('.myelement').waypoint({handler: function(dir) { if (dir === 'up') { //…
Klezper
  • 39
  • 6
0
votes
1 answer

Leaflet to calculate the distance between 3 points - Search in javascript array object

I want to subtract the distance to the Leaflette waypoint from the total distance. How can I do that? routes: Array(1) 0: coordinates: (379) [D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D, D,…
storedprocedure
  • 57
  • 7
1
2 3