when the scroller's height is less than the wrapper'height

[yqz0203]

when the scroller's height is less than the wrapper'height,i can't scroll anyway.

it cause a problem, I need pull to refresh the data, but I can't pull at all...

whether i should set a min-height to the scroller?

[swenyang]

I found a solution for this, just set the scroller's "min-height" property slightly larger than the wrapper's, either in CSS(if the wrapper's height is static) or programmatically in JS(if the wrapper's height is dynamic).

var wrapper = document.getElementById("wrapper")
var scroller = document.getElementById("scroller")
scroller.style.minHeight = (wrapper.clientHeight + 1) + "px"
var myIScroll = new iScroll(wrapper, {/*your options*/})

[yqz0203]

@swenyang yes..I solved it like you said, thank you for replying after such a long time. 😊

[kaansoral]

I had a solution is iscroll level, if the content height is lower, iScroll wasn't enabling scroll, you can modify that part of the code to make it always scroll

This solution is obviously simpler, if there are no side effects

[swenyang]

@kaansoral If your team is managing packages with npm or bower, modifying library code directly is not good. Also, could you show your code to tell which line to modify?

[kaansoral]

Indeed it's not good, I'm stuck at 5.1.3 for example, it was good until this package started being maintained again

Just checked the code, here is the modification:

/* REPLACE START: refresh */

        this.scrollerWidth  = this.scroller.offsetWidth;
        this.scrollerHeight = this.scroller.offsetHeight;

        this.maxScrollX     = this.wrapperWidth - this.scrollerWidth;
        this.maxScrollY     = this.wrapperHeight - this.scrollerHeight;

        if(this.maxScrollY>=0) this.maxScrollY=-1; // #CUSTOM - forcing the scroll even if the height is low

/* REPLACE END: refresh */

[swenyang]

Thanks, basically it's working except that the scrollbar doesn't display correctly on scrolling..