SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: Page scrolls down when browser is resized to trigger media query

  1. #1
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Page scrolls down when browser is resized to trigger media query

    On this site: http://canvas.clickbump.com/

    I have a media query set at 850px

    Code:
    @media only screen and (max-width:850px){//rules here}
    However, when the window is resized to trigger it, the page is scrolled down as if to an anchor point.

    Any ideas what's causing this?

  2. #2
    It's all Geek to me silver trophybronze trophy
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    20,297
    Mentioned
    225 Post(s)
    Tagged
    3 Thread(s)
    I don't get that behavior in my browsers. What browser are you seeing this in?
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Try your hand at the new JavaScript Challenge!

    If you don't like getting your feet stuck in a bog, avoid Twitter BootsTrap.

  3. #3
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    I don't get that behavior in my browsers. What browser are you seeing this in?
    Chrome Version 19.0.1084.46

  4. #4
    It's all Geek to me silver trophybronze trophy
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    20,297
    Mentioned
    225 Post(s)
    Tagged
    3 Thread(s)
    Hm, same one I'm using—on Mac—but it doesn't happen for me.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Try your hand at the new JavaScript Challenge!

    If you don't like getting your feet stuck in a bog, avoid Twitter BootsTrap.

  5. #5
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Happens on all browsers I've checked Mac and PC (FF, Safari, Chrome). Clean cache each time.

  6. #6
    It's all Geek to me silver trophybronze trophy
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    20,297
    Mentioned
    225 Post(s)
    Tagged
    3 Thread(s)
    Odd indeed. Hopefully some other people will check so there's some perspective on this. Or perhaps describe in more detail what you are seeing, as I may be missing the point. But what I see when I resize the page is just what I'd expect to see.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Try your hand at the new JavaScript Challenge!

    If you don't like getting your feet stuck in a bog, avoid Twitter BootsTrap.

  7. #7
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    I see it happening, although I have no clue whatsoever as to why it's happening.

    Though your CSS file is basically impossible to read.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  8. #8
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    I see it happening, although I have no clue whatsoever as to why it's happening.

    Though your CSS file is basically impossible to read.
    The stylesheet is minified for faster load times. That's where this little gem comes in handy.

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
  •