Slow Scroll

JavaScript
1

Hello

When i do mouse houver in cover or scroll down is too slow (in chrome).
Anyone know the problem?

http://pastebin.com/DNGSqnx6

Thanks!

2

Hi,

Yes its the webkit filters which are known to slow the page down.

Either remove the filters or use them conservatively on the odd element and not on all those thumbnails.

3

Thanks Paul, without -webkit-filter: brightness(1) contrast(1) saturate(1.3) works perfectly.
What you mean with this? "use them conservatively on the odd element and not on all those thumbnails.

Thanks!

4

I think the problem was that you used it on all those elements which slowed the page down so it really is an effect that you just want to use on one item perhaps. It may be that even one instance may slow the page down but I haven’t done enough testing to find out yet :slight_smile:

5

Thanks. I solved my problem adding the properties in the images.

6

Hello

I’m using this scroll:

http://www.dynamicdrive.com/dynamicindex11/facescroll/

But have a little delay from original scroll to scroll edited. There is possibility of removing that time? And see always scroll edited.

You can see scroll in my page.

http://pastebin.com/nTFAZRdT

Thanks!

7

Hi,

Sounds like a javascript question to me so I’ve moved the post to JS.

8

Morning,

I don’t see any delay when I scroll your main content area.
Can you elaborate?

9

Hello Pullo

Make Ctrl+R in home page and you see:

http://i.imgur.com/7LHyZ4b.png

and after, you see this:

http://i.imgur.com/iMoaYnf.png

Thanks!

10

Ah, do you mean that a normal scroll bar is shown briefly, before the JS executes and transforms it into the custom version?

11

Yes, exactly. :smiley:

12

OK.
What happens if you hide the normal scroll bars using CSS, by setting the following on the container:

overflow-y:hidden;

Maybe then the JS will kick in and recreate them?
If not, you could remove the overflow declaration programatically before the main JS routine runs.