Ion-scroll width

coen_warmer · April 1, 2014, 1:18pm

I’m having some trouble understanding how ion-scroll knows how far it allows the underlying content to scroll.

Does it calculate the width of the content that’s in it and only allows that width to be transformed?

Calendee · April 2, 2014, 10:22pm

I dug around in the ionicScroll directive but didn’t find anywhere that Ionic is calculating anything. I think it is just the browser/CSS determining width based on content.

github.com

ionic-team/ionic/blob/2bfd32004c7c9dd811ead6ae79d85b260916ba7b/js/ext/angular/src/directive/ionicScroll.js

(function() {
'use strict';

angular.module('ionic.ui.scroll', [])

/**
 * @ngdoc directive
 * @name ionScroll
 * @module ionic
 * @delegate ionic.service:$ionicScrollDelegate
 * @restrict E
 *
 * @description
 * Creates a scrollable container for all content inside.
 *
 * @param {string=} delegate-handle The handle used to identify this scrollView
 * with {@link ionic.service:$ionicScrollDelegate}.
 * @param {string=} direction Which way to scroll. 'x' or 'y'. Default 'y'.
 * @param {boolean=} paging Whether to scroll with paging.
 * @param {expression=} on-refresh Called on pull-to-refresh, triggered by an {@link ionic.directive:ionRefresher}.

This file has been truncated. show original

coen_warmer · April 3, 2014, 2:45pm

Thanks for digging into this @Calendee.

I’m noticing that in some cases ion-scroll defines a width and height to scroll in that is bigger than the content that is in it. I’m still researching a bit more when this happens, I’ll report back once I know more.

ralph25 · May 2, 2014, 4:34am

I second this. I have the scrolling setup horizontally and it keeps going off the page when you scroll to the end.

Calendee · May 2, 2014, 12:51pm

I’m not quite sure what you mean there. Have you looked at the solution in this post to see if it helps? Horizontal button bar scroller