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.
Questions tagged [smoothstate.js]
79 questions
0
votes
1 answer
Change background colors with smoothState.js
I have a test site with 5 pages, each page has a different background colour depending on the page you are on.
When I use the default settings that come with smoothState.js, the background colour does not refresh as it's set to the body of the page,…
user5898548
- 73
- 7
0
votes
1 answer
smoothState.js conflicting with other plugins
I have managed to implement the smoothState.js plugin on my website and it works nicely, but my other very simple jQuery plugin will not work, wich starts with:
$(document).ready()
I need to refresh the page in order for it to work again.
I've read…
Andres
- 223
- 2
- 8
0
votes
1 answer
Get/Keep Previous Page's URL with SmoothState
I am using https://github.com/miguel-perez/smoothState.js and trying to create an if/else statement using the previous page's URL. I tried storing the pathname in a cookie, but I also need to use the current pathname and it was only logging the…
Keith Petrillo
- 151
- 3
- 17
0
votes
1 answer
Smoothstate.js simultaneously show to new and old pages
This is a reference to the answer provided here: Is it possible to show both the new and old pages simultaneously?. I am attempting to display the old content while the new content slides in.
I added the solution to my files but the tempWrapper…
Keith Petrillo
- 151
- 3
- 17
0
votes
1 answer
SmoothState.js Show Current Page Until Next Is Loaded
I am using smoothstate.js on WordPress and I'm trying to figure out how to keep the current page active until the next is fully loaded: so the new page will display behind as the current page is exiting. Here's an example:…
Keith Petrillo
- 151
- 3
- 17
0
votes
1 answer
Smoothstate : Get $(document) in onReady
How to get to $(document) in the onReady method ?
I've tried with smoothState.cache[smoothState.href] but couldn't make it works.
(fantastic plugin)
Thanks
Play Mobil
- 229
- 2
- 6
0
votes
1 answer
Form does only work the second time it is submitted
The first time I try to submit a form the form is not submitted. The page however does refresh but is reloaded. However the second time I hit the form button the form works because the page is reloaded.
The code is on the following…
Kris
- 1
- 1
0
votes
1 answer
Page loading progress value
Is there a way to know the current loading progress of a page ? What I'mean is that smoothState.js would return a value from 0 to 100% when its loading a page. I would need this info to show a loading bar.
nmsdvid
- 2,832
- 2
- 21
- 21
0
votes
1 answer
adding no-smoothState to link still tries to load with ajax
I am using the jQuery SmoothState.js plugin and I have one link that I dont want it to load.
I have added the class no-smoothState as suggested in the documentation but it still loads the page with ajax rather than redirect.
Keith Power
- 13,891
- 22
- 66
- 135
0
votes
1 answer
SmoothState Callbacks not firing
I'm using SmoothState for a web app, but for some reason, it appears most the callback options do not fire at all. The only callback option that seems to go through is onStart.
Here's my code:
;(function ($) {
'use strict';
var $body …
Kirk Hadden
- 59
- 1
- 6
0
votes
1 answer
File upload with smoothstate.js
This plugin is working well for form submission, except for uploading files.
Looking in the code, I descovered that posting inputs is made possible when defining the request variable by : data:$form.serialize(). The documentation for (serialize)…
user2992220
- 1,092
- 1
- 12
- 20
0
votes
1 answer
HTML5 video cover background breaks with smoothState.js
I currently am integrating smoothState.js to create seamless page transitions, however it completely breaks the cover video background automatic scaling.
Can someone help me find where the two are clashing?
I am using this HTML5 video background…
colleen
- 147
- 1
- 1
- 12
0
votes
1 answer
Making smoothState animations and Masonry work together
I'm trying to use Masonry and smoothState together using SmoothState animations between pages.
The code below makes smoothState animations work both forwards and in reverse:
$(function(){
'use strict';
var $page = $('#main'),
options = {
…
georgewatson
- 125
- 9
0
votes
0 answers
Smooth Background Color Transition with smoothstate.js
I would like to change the background color of each page in a smooth way with smoothstate.js
How can I do this? I've tried to add the style-css in the header of each page but it doesn't work.
For example a smooth background color transition on this…
l00per
- 481
- 4
- 7
- 19
0
votes
1 answer
Simple-Jekyll-Search will no longer trigger on-click after firing smoothState
I am currently trying to implement an on-click search event, using Simple-Jekyll-Search on a page with SmoothState.
After following the suggestion written in this question: How do you simulate a button press in Javascript, to trigger searching in…
matchai
- 311
- 4
- 10