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
1
vote
1 answer

Getting smoothState.js and Foundation 6 to work together

I'm working on a Foundation 6 project and am trying to make it work with smoothState.js. I managed to get smoothState itself to work, but now Foundation appears to be broken. Specifically, the page loads correctly when you first load it or click the…
1
vote
1 answer

Which one (SmootState.js or Angular.js) is proper way/tool to add smooth transition effects between pages of a classical website?

I have a classical multi-page website. Transitions between pages is hard-way, e.g. almost every page is loaded fully via anchors without using javascript. I want to get smooth transition effects between pages with minimum effort. I have read that…
horse
  • 707
  • 4
  • 11
  • 30
1
vote
2 answers

SmoothStateJS: how to keep an element from refreshing on page change?

I am using SmoothState.Js to load new pages on clicks. Since on every one of those pages the logo stays in the same place/size, I would like for the logo to not refresh and not fadeout/in on page changes. The links in my menu don't refresh but the…
1
vote
2 answers

Reinitializing page scripts after SmoothState.Js page change

I am using SmoothState.js for page transitions and it works fine and loads the new pages with ajax. However, I have JS scripts on each page that need to be reinitialized and I have not been able to get them to always be present on page…
1
vote
0 answers

Recall a var inside onAfter

I'm trying to recall some variable events after page load. I'm using smoothstate.js so I load my page dynamically with ajax. The code works only on page refresh if i simply put the code inside onAfter, so I think that there is another way to do…
filippo90
  • 367
  • 2
  • 3
  • 15
1
vote
1 answer

smoothState.js - Identifying the referring page

When clicking on a link smoothstate loads the new page's content, I'd like to identify the referring page with a class visible on the new page. Is there any way to do this?
PaulC
  • 185
  • 1
  • 1
  • 8
1
vote
2 answers

Is it possible to show both the new and old pages simultaneously?

I'm trying to build an effect like this for smoothstate: http://tympanus.net/Development/PageTransitions/, specifically the "room" transitions. I'm getting stuck on trying to display both pages at once - I want the new content to push the old off…
Josiah
  • 3,008
  • 1
  • 34
  • 45
1
vote
3 answers

Smoothstate.js Reverse Animation is not working

I tried to embed the smoothState.js into my project, but for any reason the reverse/toogle/exiting animation won’t work. I really have no more ideas and i couldn’t find a solution on stackoverflow or something else. My codes: HTML:
Dennis
  • 137
  • 1
  • 2
  • 14
1
vote
1 answer

jQuery Validate not working on form loaded by Ajax

I have a form that I add with Ajax and use the jQuery Validate. I delegate associate with .on() but this does not attached to the form. Not sure what I might have missed and there is very little details about using Validate.js with a dynamic…
Keith Power
  • 13,891
  • 22
  • 66
  • 135
1
vote
1 answer

smoothstate.js vs pjax is there a difference

I am thinking about implementing a webpage preloader and I am looking at smoothstate.js and pjax. They both seem similar in what they do but I think I am missing something. Is there any major difference between them they I should know before I…
Keith Power
  • 13,891
  • 22
  • 66
  • 135
0
votes
0 answers

smoothstate.js toggle and toggleClass not working

I'm using some basic toggle and toggleClass function in mu jQuery code but it doesn't work properly when using smoothstate.js, any idea why ? $('.filters-open').click(function()…
mmdwc
  • 1,095
  • 6
  • 27
  • 53
0
votes
0 answers

SmoothState function is not a function when bundling with Parcel

I'm using parcel to bundle and develop my website and want to use SmoothState for the page transitions. I've downloaded the jquery.smoothState.min.js and included it in my scripts folder. I installed jquery using npm and it has been working fine so…
0
votes
0 answers

smoothstate stops other javascript from running (electron)

basically I have an electron app and i've added minimize/close butttons to it on load the buttons work but after switching page with smoothstate they stop working i've found various solutions (github faq, stackoverlow, etc) but none worked so…
Zed
  • 25
  • 1
  • 4
0
votes
1 answer

smoothstate injecting wrong head elements into page

The Issue Smoothstate.js keeps the of the page that I was just on and injects it back into the home page when I navigate back to index.html. For example: I click a link that takes me to proj1.html Then I want to leave that page by clicking…
brent_white
  • 1,009
  • 1
  • 13
  • 26
0
votes
2 answers

With smoothState.js the link not lead to secondary page

I'm trying to make the smoothState.js plugin work. After clicking on a link that leads from index.html to secondary.html the animation produces a reverse but does not lead to secondary.html, remaining in fact on the same screen. Here you will find…
Vizzale
  • 61
  • 7