I have a UINavigationBar that is configured to Hide Bars on Swipe. The Nav bar hides when I scroll down, but does not reappear when I scroll upward. I have to tap to get the Nav bar to reappear. All views in this VC are configured via Auto Layout (no code).
I've solved this. My scroll view was pinned to the top and bottom layout guide. I pinned it to the top and bottom superview, and the Nav Bar's behavior was corrected.
Thanks!
Related
I have a website built in Elementor with snap scroll which is setup to align to the top of section.
Everything works fine when I scroll on desktop using mouse scroll button or on mobile using finger.
However, on mobile, when I click any of the buttons with a reference to sections the snap scroll aligns to the bottom of that section and from that point snap scroll always aligns to the bottom of a section unless I reload page.
I tried to change it by applying css to the button or section element but it doesn't work.
scroll-snap-align: start;
Elementor says that it is an unknown property. I also tried.
scroll-snap-align: top;
I also tried to change a setting inside Elementor for snap scroll to align to a top, but it doesn't seem to work for buttons.
Lastly, I tried adding a padding setting inside Elementor, but it also didn't fix the problem.
I'm working on a site which uses pure CSS and hover states to build the drop-menu. The problem is that the number of navigation items are so many that the a user has to scroll to see it on smaller laptops. But what happens is the menu disappears before reaching the bottom as if a mouseout event has occurred. Is there a way to prevent this without having to convert the menu to javascript/jQuery?
http://spinov8.com/SNS_demo/shop
Your dropdown seems to disappear with the rest of your navigation when you scroll down, as soon as you scroll upwards it reappears with your dropdown already open.
I removed the jquery that was making it disappear on scroll down and reappear on scroll up so that it remains fixed.
I'm trying to enable browser scroll bar in my website but didn't work.
This is the site online : http://guillaumeruiz.com
All projects in this "gallery" are hidden and visible with a hide Id function. I used a left-right-top-bottom fixed divs for the red window border. And, every div project have a fixed position too to cover the main gallery.
If you can help me please... thank you
I had this idea for a website of creating a fixed horizontal navigation bar that simply scrolls through the content when you press the menu items but I wanted to have an "introduction" div on top of it with a background image and a logo, lets say of 300px height that displays when you first load the page.
So the navigation bar would appear attached to the bottom of this "introduction" div and only when you scrolled past it would it become attached to the top of the window and become fixed positioned when you scrolled.
If you clicked a certain menu item or if you simply scrolled up to the start of the page it would attach itself to the bottom of the "introduction" div again.
Is this possible to do simply with CSS or would I have to use javascript to achieve this effect?
Thanks in advance!
I think you'll need JavaScript for this one. It will not be hard however. The only thing you need to do is to switch the positioning of the menu to 'fixed' when the menu would otherwise scroll out of the viewport.
There is a cross browser dilemma especially now that safari uses an internal scroll mechanism that floats on top.
When a div with fixed height's content ends up getting larger than the div we need a scroll bar, but the scrollbar takes out some width and thus a horizontal bar is added to. How do we prevent a horizontal scroll even if the content is to wide I want no ability for the user to be able to scroll horizontally.
The CSS3 property overflow-x:hidden, still allows the user to scroll left and right with a trackpad. I want it disabled completely, or a solution that removes the problem of the vertical scroll bar taking width from the div.
Any ideas?
Marvellous
One solution is that you make the vertical scroll bar always display:
overflow-y: scroll
But still the scroll bar's width doesn't stay the same across browsers.
Or you can make a custom scroll bar replacement with div/CSS/JavaScript. Here is a jQuery plugin which seems promising:
http://jscrollpane.kelvinluck.com/
Set the image as background should fix your issues