There's no reason for the user to be shown a page that has almost nothing besides a button that takes them to the site's content show them the content right away. Mobile users are more accustomed to scrolling, so it's less of a concern if the title card fills the screen, but even then you could shrink it.Īlso, I would get rid of the "homepage" completely, and show the user your Projects or About page immediately. I dont thats possible via the Additional CSS Classes field in the Block editor for. Then desktop users will immediately see that there's more content to view by scrolling the page. you need to add the smooth-scroll class to the element. You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more.I think you should shrink the "title card" with the quote in it so it becomes a page header rather than a full-screen element. If you think people might get confused, you should redesign the page rather than add instructions and CSS gimmicks. Arrows showing how to navigate your site shouldn't be necessary. NEW: theres also a native Windows and Mac app so you can enjoy smooth scrolling everywhere. I hope you don't mind a little friendly design advice: I think you should get rid of that entirely. Scroll smoothly on all websites with your mouse and keyboard. The scrollIntoView () method is used for scrolling the view of the user to the element that it is called upon. Its important for the user to know when the scroll ends. You're just talking about the "scroll down for more" button, right? It works for me in Chrome 91 on Win10. I will not go into a deep discussion about the UX aspects of horizontal. Ive also tried using jQuery smooth scroll and it doesnt work either.
0 Comments
Leave a Reply. |