yes! “offset” attribute that set for “fancyscroll-background” div affects background-image position, not position of div element itself

Thanks for question! Setting “offset” attribute to 0 will sync “fancyscroll-background” with actual scroll, if you meant this

I seems have found the problem, check my email.

Thank you flGravity to help me, the problem is going to be fixed with new version of the script, isn’t it? now it works with all browsers with no problems he is very friendly and helpful and he fixed all what i have asked…great experience!!! i ll remember you!

no, unfortunately its not possible.

mmm is it impossible?! don’t you have some king of tip or point to start to try coding an hack to make it possible? please, it is important for my project.

Sorry, but I don’t have time to work on extending functionality of fancyScroll plugin.

I think that the slowness of animation in FF5 is caused by some internal tasks that browser needs to complete before updating image position. For example browser may require 20-30 or so milliseconds to re-render big images, and thus postponing position refresh through setInterval(). As result animation time is greater than what you have set for duration in “new fancyScroll()” call.

Another question is “shaking”. This happens when image’s “offset” is set too hight (2000px) and duration of animation too low (1sec). In these circumstances amount of shift during position update may reach 5 or more pixels, what becomes noticeable to the eye. So you need to find a balance between offset and duration. The rule is – if you use high offsets you need to increase duration.

Also, I remember at the beginning I had a problem with poor graphics, even though I set small offsets. And it turned out that it was caused by image sampling algorithm ( in Photoshop there is bilinear and bicubic etc sampling methods for exporting images). As I remember bicubic method fixed everything. Also I think its good idea to do not use transparent images and keep their size as small as possible. This should increase rendering speed for firefox and other browsers, and make setInterval() updates happen in time.

I would like to centre content sections

There is a class “fancyscroll-content-offset”, which sets left and top padding for content. You can use it to center things.

You my friend are a genius, thank you! Cant believe I didnt see that

yes, you’re right, option name is easingTime

Thank you!

this.addScroll(this.goTop,this.map[0].self);

and change it to

this.addScroll(this.goTop,this.map[this.map.length-1].self);

This will make “goToTop” button scroll page to the last section on page instead of first

Hi, please contact me using mail form on my profile page and give me url to your page. I need to have a look and I will tell you what’s wrong.

Thanks!

Hi!

hmm, very interesting. I will try to find the reason and will let you know as soon as possible.

The reason why background is shaking is following. For this background you have offset 800 and easing mode easeOutCubic, and when plugin calculates every next position for background image it samples in range from 800 to 0. At the beginning of easing the difference between previous and next position is about 20-30 pixels (this is when it looks shaking) then at the end of easing this difference drops to few pixels what makes animation smooth. This strike the eye when you have big images. Also to render such big image browser needs more time as when it does for small images, what is almost instantly.

The best thing to eliminate sharking is to use smaller offset for big images

Hope this helps!

Thanks! yeah, this might be interesting!

not really to be honest to just scroll the page ‘up’ it’s better to use jQuery and the code like this

jQuery(‘html, body’).animate({scrollTop:0},’slow’);

Did you have a chance to have a look on source of my preview page? I think this can make things clearer. Otherwise you may contact me using mail form on my profile page and I will give you installation guide

Thanks buddy!