I have a request from an artist who wants to do a website like Single Page Website and wants the scrolling to use easing to control the flow. Is it possible to add easing to the configuration?

Comments

yaremchuk’s picture

yaremchuk commented

Did you meant the rate of scrolling?

Adam S’s picture

Adam S commented

Yes, does it use the jQuery UI easing plugin as illustrated here.

yaremchuk’s picture

yaremchuk commented

Ok, I'll add easing plugin into next version and the ability to select easing in settings.

But I should understand will you need common easing settings or individual for each slide?

Adam S’s picture

Adam S commented

A single common easing setting for the whole page should be enough.

jorisx’s picture

jorisx commented

Hi there,
Easing would be very nice!

I tried to add it myself but don't really know where to start, and didn't work, yet

I added jquery.easing.1.3.js to /sites/default/libraries/
and added the script path to single_page_website.info file like: scripts[] = sjquery.easing.1.3.js
and added the easing in the scroll.js file: $('html, body').animate({scrollTop:target_top}, 500, "easeOutSine");

but this doesn't work yet, any help would by super appreciated :)

Thanx,
Joris

yaremchuk’s picture

yaremchuk commented
Status: Active » Closed (fixed)

Hi,
sorry for the delay with reply.
Version 7.x-2.0-beta4
support the easing.

Please try it and let me know if it works for you.

Thanks,
Vasily

rolfmeijer’s picture

rolfmeijer commented
Component: Miscellaneous » Documentation
Status: Closed (fixed) » Needs work

Some documentation would be nice. Here is an attempt. :-)

The jquery easing plugin can be found at http://gsgd.co.uk/sandbox/jquery/easing/.

You will need the regular versioned file, not the compatibility one. Create a directory called jquery.easing in sites/*/libraries, put the file there and rename it to jquery.easing.js. So you get sites/*/libraries/jquery.easing/jquery.easing.js.

Then go to the Single Page Website admin page (admin/config/system/single-page). There you can choose the easing effect you like. You might need to flush caches whenever you choose a new easing-effect to have the effect applied.

rolfmeijer’s picture

rolfmeijer commented
Status: Needs work » Closed (fixed)

Ha my bad, sorry, it’s in the README.txt.