- This topic is empty.
February 27, 2015 at 10:46 am #196953
hi guys, i have some problem
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
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
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
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 #196962SenffParticipant
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
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
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
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
sweet! will try it! thx a bunch!
- The forum ‘CSS’ is closed to new topics and replies.