Skip to content

Problem scrolling up with multiple items per row #93

@SaintFlipper

Description

@SaintFlipper

Hi, this is the secondary issue raised as a side-effect in #89 ("No way to limit the data source top"). I've opened a new issue as it's really a different artifact and not related to negative indices.

If NGScroller is used to handling scrolling of multiple items per line its behaviour is confused when the user tries to scroll upwards:

  1. Trying to scroll upwards using the mouse wheel causes the scroll window to go down rather than up, ie. higher numbered items are displayed rather than lower items.
  2. Grabbing the scroll bar and dragging it to the top position usually results in out-of-order items and/or duplicate items.
    In this instance the scrollable items are DIVs with style display:block and float:left. There may be some small variation in behaviour between different browsers, but Chrome 43 on Windows seems fairly representative.

Standalone example at: http://jsfiddle.net/mn59dvjn/5/
Note: make the jsFiddle result pane wide enough to display at least 4 images per row to see the above effects.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions