{"action":"closed","issue":{"url":"https://api.github.com/repos/watusi/jquery-mobile-iscrollview/issues/149","labels_url":"https://api.github.com/repos/watusi/jquery-mobile-iscrollview/issues/149/labels{/name}","comments_url":"https://api.github.com/repos/watusi/jquery-mobile-iscrollview/issues/149/comments","events_url":"https://api.github.com/repos/watusi/jquery-mobile-iscrollview/issues/149/events","html_url":"https://github.com/watusi/jquery-mobile-iscrollview/issues/149","id":39646032,"number":149,"title":"PullDown showing during Page transition (Jquerymobile and Backbone)","user":{"login":"tattivitorino","id":5480296,"avatar_url":"https://avatars.githubusercontent.com/u/5480296?v=3","gravatar_id":"","url":"https://api.github.com/users/tattivitorino","html_url":"https://github.com/tattivitorino","followers_url":"https://api.github.com/users/tattivitorino/followers","following_url":"https://api.github.com/users/tattivitorino/following{/other_user}","gists_url":"https://api.github.com/users/tattivitorino/gists{/gist_id}","starred_url":"https://api.github.com/users/tattivitorino/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tattivitorino/subscriptions","organizations_url":"https://api.github.com/users/tattivitorino/orgs","repos_url":"https://api.github.com/users/tattivitorino/repos","events_url":"https://api.github.com/users/tattivitorino/events{/privacy}","received_events_url":"https://api.github.com/users/tattivitorino/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2014-08-06T17:39:05Z","updated_at":"2015-04-21T21:54:51Z","closed_at":"2015-04-21T21:54:51Z","body":"I am developing an APP with JQM 1.4.3 and Backbone 1.0. I have implemented the Iscrollview with the PullDown functionality. \r\n\r\nThe problem I am having is that I can see the $scroller moving up during the page transition. It seems like the widget is taking longer than the transition start to set up the $scroller. \r\n\r\nI have tried everything i could think of, from manipulating the css to delaying the transition, but nothing works fine.  I also looked for similar problems on the internet but couldnt find anything related to my problem. \r\nHere is a bit of my code:\r\n\r\nThe Router\r\napp.routers.Router = Backbone.Router.extend({\r\n    routes:{\r\n        \"oportunidades\":\"oportunidades\",\r\n    },\r\n    initialize:function(){},\r\n    oportunidades:function(){\r\n        var self = this;\r\n        this.before(function(){\r\n            var render = false;\r\n            if(!app.oportunidadespage){\r\n                app.oportunidadespage = new app.views.Oportunidadespage();\r\n                render = true;    \r\n            }else{\r\n                app.oportunidadespage.delegateEvents();\r\n            }\r\n            self.changepage(app.oportunidadespage, render);\r\n        });\r\n    },\r\n    before:function(callback){\r\n        var self = this; \r\n        if(self.appLoaded){\r\n            if(callback) callback();\r\n        }\r\n        else{\r\n            //load app assets\r\n            if(callback) callback();\r\n        }\r\n    },\r\n    changepage:function(view, render){\r\n        var self = app.router;\r\n        self.currentView = view;\r\n        if(render){\r\n            view.render();\r\n            $('#pages-holder').append($(view.el));\r\n        }\r\n        var transition = $.mobile.defaultPageTransition;\r\n        $('body').pagecontainer('change', $(view.el), {changeHash:false, transition: self.back ? transition : transition, reverse: self.back});\r\n        self.back = false;\r\n    }\r\n});\r\n\r\nHere is one of the Views where I load Iscrollview\r\napp.views.Oportunidadespage = Backbone.View.extend({\r\n    id:'oportunidadespage',\r\n    attributes:{\r\n        'data-role':'page',\r\n        'data-title':'Oportunidades',\r\n    },\r\n    events:{},\r\n    initialize:function(){\r\n        this.iscrollview;\r\n        var scrollwrapper = '#'+this.id+' .ui-content';\r\n        var self = this;\r\n        $(document).on('iscroll_onpulldown', scrollwrapper, function(e, data){\r\n            self.onPullDown(e, data);\r\n        });\r\n    },\r\n    render:function(){\r\n        this.$el.html(this.template());\r\n        this.$el.trigger('create');\r\n        this.fixdimensions();\r\n        return this;\r\n    },\r\n    fetchContent:function(){\r\n        //this function is called from the router after page transition\r\n        //this is where I fetch content from the server\r\n        this.renderContent();\r\n    },\r\n    updateScroll:function(){\r\n        //I call this method from the subviews\r\n        var self = this;\r\n        if(this.iscrollview){\r\n            setTimeout(function(){\r\n                self.iscrollview.refresh();\r\n            },10);\r\n        }\r\n    },\r\n    onPullDown:function(e, data){\r\n         //same as fetchContent\r\n    },\r\n    renderContent:function(){\r\n        if(this.iscrollview == null){\r\n            this.iscrollview = $('.iscroll-wrapper', this.el).data('mobileIscrollview');\r\n        }\r\n        //render Subviews\r\n    },\r\n    fixdimensions:function(){\r\n        var $wrapper = $('.ui-content', this.el);\r\n        var wrapperheight = Math.floor($(window).height() - ($('#mainheader').outerHeight() + $('#mainfooter').outerHeight()));\r\n        $wrapper.height(wrapperheight);\r\n    },\r\n    beforeClose:function(){}\r\n});\r\n\r\nAny help would be very much appreciated!\r\nThank you so much.."}}