Questions tagged [smoothstate.js]

smoothState.js is a jQuery plugin for adding page transitions.

smoothState.js is a jQuery plugin that progressively enhances page loads to give us more control over page transitions.

79 questions
0
votes
1 answer

Smoothstate.js - Loading specific stylesheets and scripts through functions.php not working

I'm wondering if someone could help me please. I'm currently using the Smoothstate.js plugin to transition between pages on my Wordpress website. So far the plugin works great and does the majority of what i want it to do. However, when I try and…
Shaun
  • 757
  • 1
  • 8
  • 36
0
votes
0 answers

smoothState not to cache my pages

Is there a way of not having smoothState cache my pages? I am developing a large news site and since content is added on a daily basis people need to press F5 on all of the pages to view the new content and updated sitebars... Can I just set…
Hanna Stone
  • 193
  • 2
  • 11
0
votes
2 answers

How to remove defaults in Jquery smoothState?

I'm currently designing a page and using jquery.smoothstate.js. According to: https://github.com/miguel-perez/smoothState.js?files=1 There's a way to remove the default values, but I can't find it. Because of this js. I can't run
0
votes
1 answer

smoothstate alternate reverse not animating

Im using the plugin but right now im stuck on reversing the animations which drives me crazy. I'tried so much now that I really cant figure out whats going on. The starting animation works perfect, the code I have so far
adam
  • 618
  • 2
  • 11
  • 31
0
votes
1 answer

ScrollTo: #div tag instead of top of page

I am trying to use the ScrollTo function in this little snippet of code so my page scrolls to an ID div tag instead of the top of page "0". Any help would be much appreciated! Here is the code I'm using to scroll to the top of the page. All works…
Ponte
  • 41
  • 8
0
votes
1 answer

SmoothState.js and FullPage.js is not working well together

I spent like 3 hours now, and couldn't move an inch in right direction. Here is my Javascript, jQuery(document).ready(function($){ 'use strict'; var $page = $('#fullpage'), options = { debug: true, prefetch: true, …
Bora ALAP
  • 269
  • 3
  • 13
0
votes
0 answers

Going back to previous scroll position when clicking the back button

how do I go back to my previous scroll position when clicking the back button using the smoothState plugin? P.S. I'm fairly new when it comes to JS so I appreciate any help I can get. Thanks.
Jovil Hiew
  • 15
  • 1
  • 8
0
votes
1 answer

Smoothstate causing jQuery function to runs once per session

I have a jquery function for my index.html page that runs when the page is ready. Its grabs an articles supporting image and follows the mouse cursor within a predefined area. However, upon visiting other pages and returning back to the index.html…
Samuel
  • 5,529
  • 5
  • 25
  • 39
0
votes
2 answers

While using smoothstate.js submitting form causes smoothstate to fire

I have site using smoothstate.js on every page. on a couple of pages, I have a modal box pop up with a form. Those forms work just fine. On another page, I have a basic form included in the html. When I click the submit button on the form, the form…
user715564
  • 1,650
  • 2
  • 25
  • 60
0
votes
0 answers

How to initialize JS most efficiently?

I am using AJAX to load pages, and am wondering what is the most efficient way to initialize JS that is stored in an external sheet on every page load. I have just made a bunch of functions and one "container" function that I call whenever load() is…
Svedr
  • 589
  • 2
  • 6
  • 21
0
votes
0 answers

Using history.pushState to put an additional page into smoothState.js history doesn't work

How would I put a dynamic page created with Ajax to the smootState.js history. I've tried using history.pushState() but that didn't seem to work. For example, with an anchor you land on a page named Projects.html. From that page on you do an ajax…
Svedr
  • 589
  • 2
  • 6
  • 21
0
votes
1 answer

How to activate smoothState.js only on certain links

I know that there is a way to disable smoothState.js for some links by adding: blacklist: '.no-smoothState' But is there a way to disable it for every link and then selectively pick the links you want to activate smoothState.js on?
heroxav
  • 1,387
  • 1
  • 22
  • 65
0
votes
1 answer

exit animation will only work if start animation is in progress

I have this problem where the animation will only exit if the start animation is still in progress. Once the start animation finishes and I click another link it still adds the reverse class but only show a white page and the animation will not…
Jovil Hiew
  • 15
  • 1
  • 8
0
votes
1 answer

Cannot read property 'addClass' of undefined with smoothState.js in Wordpress

I'm trying to implement smoothState.js into a custom WordPress theme. I'm flummoxed. I feel like my code is correct according to the smoothState documentation, but it's still producing an error. But I'm still a beginner at JS/JQuery and scripting in…
0
votes
2 answers

How to add loader to SmoothState.Js page change

I need page loader to every page when all the contents are fully loaded. What I need : $(window).load(function(){ $('#loading').fadeOut(); }); Is there any solution to use this simple function to each pages when changes by SmoothState.Js Here is…
Madan Bhandari
  • 2,094
  • 2
  • 26
  • 46