{"action":"opened","issue":{"url":"https://api.github.com/repos/miguel-perez/smoothState.js/issues/370","repository_url":"https://api.github.com/repos/miguel-perez/smoothState.js","labels_url":"https://api.github.com/repos/miguel-perez/smoothState.js/issues/370/labels{/name}","comments_url":"https://api.github.com/repos/miguel-perez/smoothState.js/issues/370/comments","events_url":"https://api.github.com/repos/miguel-perez/smoothState.js/issues/370/events","html_url":"https://github.com/miguel-perez/smoothState.js/issues/370","id":347971107,"node_id":"MDU6SXNzdWUzNDc5NzExMDc=","number":370,"title":"Fixed elements are not behaving as such after page transition","user":{"login":"warudin","id":1815847,"node_id":"MDQ6VXNlcjE4MTU4NDc=","avatar_url":"https://avatars1.githubusercontent.com/u/1815847?v=4","gravatar_id":"","url":"https://api.github.com/users/warudin","html_url":"https://github.com/warudin","followers_url":"https://api.github.com/users/warudin/followers","following_url":"https://api.github.com/users/warudin/following{/other_user}","gists_url":"https://api.github.com/users/warudin/gists{/gist_id}","starred_url":"https://api.github.com/users/warudin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/warudin/subscriptions","organizations_url":"https://api.github.com/users/warudin/orgs","repos_url":"https://api.github.com/users/warudin/repos","events_url":"https://api.github.com/users/warudin/events{/privacy}","received_events_url":"https://api.github.com/users/warudin/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-08-06T15:25:50Z","updated_at":"2018-08-06T15:25:50Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\n\r\nI've got some fixed elements on a website in which I'm trying to integrate smoothState.js. I noticed that elements that have `position: fixed;` are not sticky anymore after a pageload, they seem relatively positioned afterwards although they are still marked as `sticky` in the debugger.\r\n\r\nIs this a known problem or could there be something wrong in my code?\r\n\r\n```\r\njQuery(function() {\r\n\t'use strict';\r\n\tvar options = {\r\n\t\t\tprefetch: true,\r\n\t\t\tcacheLength: 2,\r\n\t\t\tblacklist: '.gform_wrapper *',\r\n\t\t\tonStart: {\r\n\t\t\t\tduration: 250, // Duration of our animation\r\n\t\t\t\trender: function($container) {\r\n\t\t\t\t\t// Add your CSS animation reversing class\r\n\t\t\t\t\t$container.removeClass('fadeInRight');\r\n\t\t\t\t\t$container.addClass('is-exiting animated fadeOutRight');\r\n\r\n\r\n\t\t\t\t\t// Restart your animation\r\n\t\t\t\t\tsmoothState.restartCSSAnimations();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tonReady: {\r\n\t\t\t\tduration: 0,\r\n\t\t\t\trender: function($container, $newContent) {\r\n\t\t\t\t\t// Remove your CSS animation reversing class\r\n\t\t\t\t\t$container.removeClass('is-exiting fadeOutRight');\r\n\t\t\t\t\t$container.addClass('fadeInRight');\r\n\r\n\t\t\t\t\t// Inject the new content\r\n\t\t\t\t\t$container.html($newContent);\r\n\r\n\t\t\t\t\tjQuery(window).trigger('ready');\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tonAfter: function($container) {\r\n\t\t\t\tconsole.log('onAfter');\r\n\t\t\t\tloadFunctions();\r\n\t\t\t\t// jQuery(window).trigger('load');\r\n\t\t\t},\r\n\t\t},\r\n\t\tsmoothState = jQuery('#content-wrapper').smoothState(options).data('smoothState');\r\n});\r\n```"}}
{"actor":{"display_login":"warudin"}}