javascript - Offset with Waypoint.Inview() - Stack Overflow

admin管理员组

文章数量:1389783

I'm using something like this to capture scroll events on a web page:

var myblock = new Waypoint.Inview({
    element: $('#block')[0],
    entered: function(direction) {
     //do stuff
    },
    exited: function(direction) {
      if(direction === "down") {
       // do other stuff
      }
    }
  });

The problem is that I have a sticky menu with a height of 100px at the top, and that I need Waypoint to trigger when some <div id="block"> touches that menu. Right now, the Waypoint code is triggered when <div id="block"> reaches the top of the viewport, where part of the div is already under the menu.

I tried adding the offset parameter but I don't see any changes

var myblock = new Waypoint.Inview({
    element: $('#block')[0],
    entered: function(direction) {
     //do stuff
    },
    exited: function(direction) {
      if(direction == "down") {
       // do other stuff
      }
    },
    offset: 100 // ADDED, NOTHING CHANGED
  });

What am I doing wrong?

I'm using something like this to capture scroll events on a web page:

var myblock = new Waypoint.Inview({
    element: $('#block')[0],
    entered: function(direction) {
     //do stuff
    },
    exited: function(direction) {
      if(direction === "down") {
       // do other stuff
      }
    }
  });

The problem is that I have a sticky menu with a height of 100px at the top, and that I need Waypoint to trigger when some <div id="block"> touches that menu. Right now, the Waypoint code is triggered when <div id="block"> reaches the top of the viewport, where part of the div is already under the menu.

I tried adding the offset parameter but I don't see any changes

var myblock = new Waypoint.Inview({
    element: $('#block')[0],
    entered: function(direction) {
     //do stuff
    },
    exited: function(direction) {
      if(direction == "down") {
       // do other stuff
      }
    },
    offset: 100 // ADDED, NOTHING CHANGED
  });

What am I doing wrong?

• javascript
• jquery
• jquery-waypoints

Share Improve this question Follow asked Mar 30, 2015 at 13:03 RRikeshRRikesh 14.4k55 gold badges5353 silver badges7474 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

You are doing nothing wrong. There is currently no support for offsets with the Inview shortcut. At this time you will have to write it using a couple regular Waypoints.

本文标签： javascriptOffset with WaypointInview()Stack Overflow