You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Apr 16, 2019. It is now read-only.
Repository navigation
This repository was archived by the owner on Apr 16, 2019. It is now read-only.
AFUI2.2: After delete one item in the list, the last item of the list don't scroll to bottom #893
Hi, I am using the AFUI2.2 to develop a hybid App. But now I have a problem: after delete one item in the list, the last item of the list don't scroll to bottom. I find that it may be the result of
After delete one item in the list, the last item of the list don't scroll to bottom, and the value of "top" have not be changed. But if I modify the value of "top" to 0, the item of the list scroll to bottom.
follow is my code:
scrollPanel($("#device"),"device");
varscrollPanel=function(el,panel){varmyScroller;myScroller=el.scroller({verticalScroll:true,horizontalScroll:false,autoEnable:true});//Fetch the scroller from cache$.bind(myScroller,'scrollend',function(){console.log("scrollend");});$.bind(myScroller,'scrollstart',function(){$.molmc.alwaysHideMask=true;console.log("scrollstart");});$.bind(myScroller,"scroll",function(position){console.log("scroll");})$.bind(myScroller,"refresh-trigger",function(){console.log("refresh-trigger");});varhideClose;$.bind(myScroller,"refresh-release",function(){varthat=this;if(panel=="device"){$.molmc.device.showDeviceList(true);}elseif(panel=="graphic"){$.molmc.grapic.ShowRecipeList(true);}clearTimeout(hideClose);hideClose=setTimeout(function(){that.hideRefresh();},500);returnfalse;//tells it to not auto-cancel the refresh});$.bind(myScroller,"refresh-cancel",function(){clearTimeout(hideClose);});myScroller.enable();myScroller.addPullToRefresh();myScroller.addInfinite();$.bind(myScroller,"infinite-scroll",function(){varself=this;console.log("infinite triggered");$.bind(myScroller,"infinite-scroll-end",function(){$.unbind(myScroller,"infinite-scroll-end");self.scrollToBottom();setTimeout(function(){$(self.el).find("#infinite").remove();self.clearInfinite();},300);});});};
I think it's scrollHeight cause the problem, But I can't be sure.
I think this issue is the same problem with #687
and i still have not find the way to slove the problem.
I'm sorry I don't know how to build an example for you to debug. But the problem is just like follow pic:
the extra spacing appears at the bottom.
@lianghuiyuan if it works for you. The hack is needed when the content on the screen is smaller then what the viewport is. The overflow scroll will not trigger, so you can't do a pull 2 refresh. If your content is longer, then it should work.
Activity
imaffett commentedon Oct 6, 2015
Can you post an example for me to debug? I need the contents of the HTML to replicate.
lianghuiyuan commentedon Mar 17, 2016
I think this issue is the same problem with #687

and i still have not find the way to slove the problem.
I'm sorry I don't know how to build an example for you to debug. But the problem is just like follow pic:
the extra spacing appears at the bottom.
lianghuiyuan commentedon Mar 18, 2016
Setting the .p2rhack to display: none works for me.
Is this the correct way to slove the problem?
imaffett commentedon Mar 18, 2016
@lianghuiyuan if it works for you. The hack is needed when the content on the screen is smaller then what the viewport is. The overflow scroll will not trigger, so you can't do a pull 2 refresh. If your content is longer, then it should work.