Comments on: iScroll 4

By: Paul

Paul — Thu, 18 Apr 2013 09:52:06 +0000

Is it possible to disable drag functionality?

By: Jan Paepke

Jan Paepke — Thu, 28 Mar 2013 15:38:45 +0000

Something I just came accross: It might be a good idea to introduce a “snapOffset” option. In my case I wanted to have the scrollcontainer snap to certain elements (images), but not right at the screen edge…
To get it working I added a left padding on the image and an equal negative right margin.
That did the trick but is rather nasty…

By: MIT

MIT — Sun, 17 Mar 2013 14:14:11 +0000

Have someone encountered the problem that images aren’t centered in Firefox?

-webkit-box-orient:vertical;
-moz-box-orient:vertical;
-ms-box-orient:vertical;
-o-box-orient:vertical;
box-orient:vertical;
-webkit-box-pack:center;
-moz-box-pack:center;
-ms-box-pack:center;
-o-box-pack:center;
box-pack:center;
-webkit-box-align:center;
-mox-box-align:center;
-ms-box-align:center;
-o-box-align:center;
box-align:center;

Seems to have no effect. Maybe someone has a hint for me. Thx in advance!

By: Dennis Koliris

Dennis Koliris — Fri, 15 Mar 2013 14:27:34 +0000

Could you please add an option to auto-disable iScroll if the Scroller Height is <= to the Wrapper Height?

This can be proven very useful when the checkDOMChanges flag is enabled.

By: Shamrik

Shamrik — Fri, 15 Mar 2013 06:20:32 +0000

Hello.
Thanks for very intresting component.
I want to add functionality for ScrollBar – as simple ScrollBar: by draging the mouse at “ScrollbarIndicator” content must moving synchronously, as mousewhell. I cannot add event listener for this element
Thanks for answers!

By: lzg

lzg — Mon, 11 Mar 2013 01:26:05 +0000

In this line of code inside the IE8 error, may I ask how to solve?
‘
document.addEventListener(‘touchmove’, function (e) { e.preventDefault(); }, false);
‘

By: Beloko

Beloko — Fri, 08 Mar 2013 03:19:07 +0000

Just to say iScroll is a very nice work!!
Adapted and slide well on any mobile browsers for me.

Best regards

By: Benny

Benny — Thu, 07 Mar 2013 14:59:12 +0000

i fixed iscroll light for IE…
please add changes to trunk!
greetings

— iscroll-lite.js Do Mrz 7 15:56:31 2013
+++ iscroll-lite.js Do Mrz 7 15:56:31 2013
@@ -15,6 +15,7 @@
isIDevice = (/iphone|ipad/gi).test(navigator.appVersion),
isPlaybook = (/playbook/gi).test(navigator.appVersion),
isTouchPad = (/hp-tablet/gi).test(navigator.appVersion),
+ isIE = (!window.addEventListener) || (/MSIE 9/i).test(navigator.userAgent),

has3d = ‘WebKitCSSMatrix’ in window && ‘m11′ in new WebKitCSSMatrix(),
hasTouch = ‘ontouchstart’ in window && !isTouchPad,
@@ -204,7 +205,7 @@
that.pointX = point.pageX;
that.pointY = point.pageY;

- that.startTime = e.timeStamp || Date.now();
+ that.startTime = e.timeStamp || (new Date()).getTime();

if (that.options.onScrollStart) that.options.onScrollStart.call(that, e);

@@ -220,7 +221,7 @@
deltaY = point.pageY – that.pointY,
newX = that.x + deltaX,
newY = that.y + deltaY,
- timestamp = e.timeStamp || Date.now();
+ timestamp = e.timeStamp || (new Date()).getTime();

if (that.options.onBeforeScrollMove) that.options.onBeforeScrollMove.call(that, e);

@@ -277,7 +278,7 @@
target, ev,
momentumX = { dist:0, time:0 },
momentumY = { dist:0, time:0 },
- duration = (e.timeStamp || Date.now()) – that.startTime,
+ duration = (e.timeStamp || (new Date()).getTime()) – that.startTime,
newPosX = that.x,
newPosY = that.y,
newDuration;
@@ -383,7 +384,7 @@
_startAni: function () {
var that = this,
startX = that.x, startY = that.y,
- startTime = Date.now(),
+ startTime = (new Date()).getTime(),
step, easeOut,
animate;

@@ -411,7 +412,7 @@
}

animate = function () {
- var now = Date.now(),
+ var now = (new Date()).getTime(),
newX, newY;

if (now >= startTime + step.time) {
@@ -474,15 +475,20 @@
return { left: left, top: top };
},

- _bind: function (type, el, bubble) {
- (el || this.scroller).addEventListener(type, this, !!bubble);
- },
+ _bind: function (type, el, bubble) {
+ if (isIE)
+ (el || this.scroller).attachEvent(type, this, !!bubble);
+ else
+ (el || this.scroller).addEventListener(type, this, !!bubble);
+ },

- _unbind: function (type, el, bubble) {
- (el || this.scroller).removeEventListener(type, this, !!bubble);
- },
+ _unbind: function (type, el, bubble) {
+ if (isIE)
+ (el || this.scroller).detachevent(type, this, !!bubble);
+ else
+ (el || this.scroller).removeEventListener(type, this, !!bubble);
+ },

-
/**
*
* Public methods

By: Iki

Iki — Thu, 07 Mar 2013 11:29:16 +0000

And yes… I’m using Windows 7

By: Iki

Iki — Thu, 07 Mar 2013 11:27:45 +0000

I have problems on Chrome ver. 25.0.1364.152 m and Firefox ver. 19.0. There’s no warning or error in console.

In IE ver. 9.0.8112.16421 is working fine. WTF?!

I’m stuck in the middle of the project, I’m out of ideas and I cannot continue. Any clue?