Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › weird glitch in the menu

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 27, 2015 at 10:46 am #196953
    Bones_Jones
    Participant

    hi guys, i have some problem

    link
    http://goo.gl/9cZffz

    When I move back and forth from the PROJECTS, RECOGNITION and CONTACT pages the logo stays in exactly the same place (as does the horizontal menu bar), but when I move to the ABOUT page, the logo jumps slightly, and the menu bar jumps with it. When I leave the ABOUT page, the logo jumps again. Moving between the other pages always works just fine.

    not sure why this is happening.. i know it’s a little thing, but it bothers me..

    any idea why this happening?

    thx in advance!

    February 27, 2015 at 11:04 am #196955
    Shikkediel
    Participant

    It is the only link that doesn’t create a scrollbar…

    Edit – with screen sizes of 842+ pixels height.
    On some displays ‘projects’ (1040px high) will act the same.

    February 27, 2015 at 11:36 am #196957
    Shikkediel
    Participant

    What display size are you checking with then, @chrisburton? I don’t think they sell a Mac so big that all linked pages will fit?

    February 27, 2015 at 12:16 pm #196959
    Shikkediel
    Participant

    Must be an Apple thing I’m not aware of (I do read it is keeping it’s own peculiar functionality when it comes to scroll bars). But I think TS is describing natural screen overflow here – when the bar (dis)appears, influencing the width of the responsive elements. So not really a glitch but something I’ve admittedly also stared at with wonder at some point.

    February 27, 2015 at 1:17 pm #196962
    Senff
    Participant

    There’s plenty of humunguous-sized Macs where this issue will appear (larger than 842). I wrote about a fix for this the other day: http://www.marksenff.com/front-end/even-more-elegant-fix-jumping-scrollbar-issue/ (inspired by another fix, link is included in the article)

    February 27, 2015 at 2:23 pm #196966
    Shikkediel
    Participant

    In this case it would only disappears altogether when ‘Recognition’ is fully visible though, which is beyond 1651 pix height.

    But they do indeed sell this size (an incorrect earlier assumption on my part) – I was only recently viewing a 5K retina display. That’s certainly a big Mac (and a responsive design concern).

    Here’s two views pasted on top of each other (1280×927) :

    Edit – not too sure about the Mac now. Actual screen height is 1440 maybe?

    February 27, 2015 at 5:47 pm #196985
    Bones_Jones
    Participant

    thx all of you! so i guess i have to increase the height? is there way to just automatically create the scrollbar?

    February 27, 2015 at 9:31 pm #196994
    Shikkediel
    Participant

    This seems to be the most common trick :

    https://css-tricks.com/snippets/css/force-vertical-scrollbar/

    February 27, 2015 at 9:41 pm #196995
    Bones_Jones
    Participant

    sweet! will try it! thx a bunch!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘CSS’ is closed to new topics and replies.