SitePoint Sponsor

User Tag List

Results 1 to 12 of 12

Thread: Slow Scroll

  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Slow Scroll

    Hello

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

    http://pastebin.com/DNGSqnx6

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

    Thanks!

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,366
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    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. #3
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,366
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Fantastic5 View Post
    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!
    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

  5. #5
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks. I solved my problem adding the properties in the images.

  6. #6
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Delay Scroll

    Hello

    I'm using this scroll:

    Code:
    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.
    Code:
    http://pastebin.com/nTFAZRdT
    Thanks!

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,366
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Fantastic5 View Post
    Hello

    I'm using this scroll:

    Code:
    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.
    Code:
    http://pastebin.com/nTFAZRdT
    Thanks!
    Hi,

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

  8. #8
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Morning,

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

  9. #9
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Pullo

    Make Ctrl+R in home page and you see:
    Code:
    http://i.imgur.com/7LHyZ4b.png
    and after, you see this:
    Code:
    http://i.imgur.com/iMoaYnf.png
    Thanks!

  10. #10
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    Ah, do you mean that a normal scroll bar is shown briefly, before the JS executes and transforms it into the custom version?

  11. #11
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Pullo View Post
    Ah, do you mean that a normal scroll bar is shown briefly, before the JS executes and transforms it into the custom version?
    Yes, exactly.

  12. #12
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,938
    Mentioned
    214 Post(s)
    Tagged
    12 Thread(s)
    OK.
    What happens if you hide the normal scroll bars using CSS, by setting the following on the container:

    Code:
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •