ScrollTo Posts With jQuery

18 Comments

1. 

   Jocuri online | June 23, 2010

   Very good tutorial about ScrollTo Posts With jQuery, I look forward next post
2. 

   Andrew | June 23, 2010

   I’ve had the ScrollTo plugin going on my website for a little while now. It works great in most browsers except Safari on the iPhone and iPad. The “fixed” elements won’t stay where they should when the page scrolls.
3. 

   Craig Kirkwood | June 23, 2010

   Not so good on the iPad with safari…
4. 

   TiS | June 24, 2010

   On Opera the second example site won’t work correctly but your example yes

   In fact, first example site also uses jquery and jquery.scrollTo

   I experienced problems with this plugin on my work, though. When scrolling to element, it’s important for some browsers to have block type elements. Scrolling is buggy on inline elements on Opera and maybe some other browsers. Well, makes sense
5. 

   Müjdat Korkmaz | June 24, 2010

   Hi Nick. I translated this post to Turkish, and published on my blog. I hope you don’t mind. I gave original post & demo link in the post.

   Thanks.
6. 

   Markus | June 24, 2010

   Hi,

   looks and behaves nice. Keyboard controls would be great! I think we will use something like that in our next Webdesign Düsseldorf project.

   Best,
   Markus
7. 

   Chris Robinson | June 24, 2010

   Would be cool to see keyboard controls integrated.
8. 

   Sam | June 24, 2010

   Interesting I had just been playing around with something similar as a proof of concept for a site. I found Ben Alman’s Back Button & Query Library helpful for keeping track of the page state with hashes.
   http://benalman.com/projects/jquery-bbq-plugin/
9. 

   Calvin Tennant | June 24, 2010

   I started playing around with scrollto a couple weeks ago. Good fun.
10. 

    kumar | June 24, 2010

    jQuery is killing the web- lets go back to table layouts and some decent designs- these unnecessary animated stuff on webpages is spreading all over- everyone is using it for no reason.. just because they look cool – they are already overused – please have some mercey!!!!
11. 

    Elizabeth Kaylene | June 24, 2010

    I don’t like that when I’m at the top of the page and I hit next, instead of going to the second post, it goes to the first, which I can already fully see on my screen.

    Oh well. I’m not really a fan of jQuery anyway. This might come in handy someday, though. (:
12. 

    Louis | June 24, 2010

    @Sajam,

    The next and previous buttons are extremely buggy in Chrome 5.0375.55 on PC here. Can only scroll to the “comments” and “reply” sections cleanly. The prev/next buttons only work temporarily at times when I do a manual scroll, then click them, but then they get buggy again.

    Works perfectly in FF 3.6 and IE8.
13. 

    Sajam | June 24, 2010

    @Louis
    “Problem is, it’s not really working in Chrome”

    It’s working in Chrome. What’s problem?
14. 

    Louis | June 24, 2010

    Hey, Nick. This looks pretty cool, thanks for the code.

    Problem is, it’s not really working in Chrome, but works fine in Firefox. I can’t image why that would happen, as I’ve never seen a major JS discrepancy in those two browsers.
15. 

    Nick La | June 24, 2010

    @Metin – It is not a bug. Imagine it being a WP blog. The jump to Comments and Reply link should only appear in the single view.
16. 

    Metin | June 24, 2010

    Hey, this looks awesome! Definitely worth to try and implement.
    However, the demo needs a fix. Because once “comments” or “reply” is clicked, “previous” and “next” link stop functioning. User is required to scroll up or down in order to make them working again.

    Anyway, thanks for the tutorial.
    cheers!
17. 

    John Doesky | June 24, 2010

    How come I cant get back to the ‘Previous Post’ when I’m in the comments?
18. 

    Kit | June 24, 2010

    The demo is decidedly dodgy on the iPad’s mobile safari, btw.