ibspoof/ng-iscroll

AngularJS (1.2+) directive that enables iScroll 5.x to work

ng-iscroll's Issues

Pull to refresh up / down

How we can implement pull to refresh up and down functionality in this version?

Problem with angularjs, fast click and iScroll on Android 4.3.3 +

Hi there,

on Android 4.3.3 and higher I see issues with my setup of angularjs, iScroll and Fastclick. The items in a list which is scrollable are only clickable after many tries (something like 15-25 clicks usually works).

Do you have any ideas?

Another question: Is this project still maintained by someone? The last update is already a year ago...

How to use ng-iscroll with ui-router?

First of all great work guys!

We are using this module in combination with ui-router module. However, when one changes the navigation to the next state and the page height changes, since the content is injected the wrapper's height is not refreshed. Is there a way we can fix this?

Thanks in advance.

Vasko

Pull down to refresh example?

Hi, does this module support pull down to refresh? If so is there a quick example of how to do it? I've tried to follow the example from the iscroll website (http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/) but the iscroll options involve accessing the DOM and manipulating it. I was wondering if there was a proper way to do it.

Thanks!

Is this repo dead?

I was going to fork and create a PR but I dont want to do so if no one is maintaining this..

Events 1.2b + v5.0.6

How do I use events? Even those demos are broken about it, they don't alert on scroll end.

Instance

How do I get an instance in a controller?

$scope.$parent.myScroll['wrapper'] is reporting me error..

TypeError: Cannot read property 'wrapper' of undefined

seams like myScroll is undefined, thats whats was reported in a console.log($scope.$parent.myScroll)

I'm telling about the 1.2b version with iScroll 5.0.6 (beta)

does this publish to bower?

TypeError: Cannot read property 'myScrollOptions' of null

I get this error:

TypeError: Cannot read property 'myScrollOptions' of null

I think this is because there's some point in my code where I use ng-iScroll where I don't have a controller.

Could you check first if $scope.$parent is available?

Regards,
Andre

// Edit: I use ng-iScroll 1.2.b, AngularJS 1.1.4

Clicks don't work, tap is not processed

I hope one of the idea of this module is to provide tap event processing, but I found no mention about it.
Normal use of IScroll is to set click: false, and tap: true. But ngClick doesn't know about tap. Thus, there is no way to use ngClick and IScroll

How to use this with ng-repeat

I'm trying to implement this plugin on ng-repeat list but it doesn't work
please help

Doesn't work with iScroll5

I think the changes may be minor.

I know iScroll5 is still beta, but he claims it will be released any day now, so it'd be great to get support in your nice directive.

about xhr content support

<div id="wrapper" ng-iscroll>
    <div id="scroller">
        <div ng-repeat="...">
            here, content loaded by xhr request. ng-scroll will run before the content render, so the scrolling does not work correctly... it needs refresh()
        </div>
    </div>
</div>

maybe we can watch dom rendering, after the content loaded, refresh the scroll to make it work correctly ~~

No 'fixSize' function

After downloading the angular directive, I noticed that there is no function fixSize().
I found the function in this issue: #1
Could you please add it to the directive (but without using jQuery)? :)

By the way, is it possible to change this document.querySelector('#wrapper') into this document.getElementById('wrapper') because it's much faster and it is supported by more browsers :)

Thanks for the script.

Regards,
Andre

Forms incompatibility

Hello,

Have you considered adding functionality from: https://github.com/cubiq/iscroll/blob/master/examples/form-fields/index.html ?

Currently you can not edit content in scrollable div.

Improve bower support

Please use git tags to enable bower versioning and add iscroll as a dependency.

Thank you

Bower package 1.2b

I have tried to install 1.2.b via Bower to use with iscroll 5. I was unable to install this version, I guess the package is not registered.

Is it going to be registered to Bower?

Great Work!

Again, great work! I'm been trying to create my own iScroll directive, but I haven't had any luck. I'm importing your directive, and I can use iScroll, but it's continuously snapping to the top of the scrollable div.

Any thoughts or suggestions?

Using in jQuery Mobile with mutil page

Can't Using in jQuery Mobile with mutil page

Click on links not working in desktops

When using a touch screen device on a desktop computer the it appears that sometimes it emulates a touch device and will make links un-clickable. The solution for this is to set the ngiScroll_opts to the following:

var ngiScroll_opts = {
    snap: true,
    momentum: true,
    hScrollbar: false,
    click: true,   //add this line
    tap: true     //and this line
};

Wrong behavior with $watch

scope.$watch(attr.ngIscroll, function () {
    setTimeout(setScroll, ngiScroll_timeout);
});

I do not understand the use of the $watch. The attribute value is going to be a string literal that represents the ID of the scroll bar in question, correct? When the $watch runs initially the old value of the attr.ngIscroll expression was 0 but the second time it's new value would be NaN. This caused the setScroll function to run again without properly destroying it.

Am I doing something wrong, should the attribute be more than just a string literal?

capitalize "i" in IScroll

On line 82 you have 'new iScroll' which resulted in an undefined error. To get this to work in my angular project I needed a capital " I " such as "new IScroll() "

Out-of-date minified version?

ng-iscroll.min.js references ngIscrollList instead of ngIscrollRefresher in the ng-iscroll-refresher watch.

refresh-button does not work - demo.htm

Hello,
I'm currently testing ng-iscroll with iScroll 5. I noticed, that you can't click the refresh button in row 3 in demo.htm .

My setup:

• Max OSX 10.6
• Chrome 28
• touch enabled (using dev tools)

With touch disabled, I can press the button.

Regards,
Andre

README fix

Hello,
could you please change this line:

• Example var App = angular.module('App', ['ng-scroller']);
  into this:
• Example var App = angular.module('App', ['ng-iscroll']);

? :)

And could you also please add to the README, that the tag with the ng-iscroll attribute must have the id wrapper?

Greetings from Germany,
Andre

Scroll works but get to the top when release mouse

I'm running ng-iscroll on my angular app, the scroll seems to "work" but get to the top when i release the mouse...

AngularJS v1.2.2
iScroll v4.2.5