justin_phang Posted February 19 Share Posted February 19 Hey there, I would like to add a vertical scroll dot section at the lower right side of the screen (indicated by a photoshopped jpeg), how should I do this? Ideally in a CSS format Learning something new everyday Link to comment
tuanphan Posted February 21 Share Posted February 21 Clicking on a dot >> Scroll to corresponding section on current page or? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
justin_phang Posted February 21 Author Share Posted February 21 Great question, and yes! scroll to the corresponding section by clicking on the dot Learning something new everyday Link to comment
tuanphan Posted February 24 Share Posted February 24 You can use Sidebar Page Navigation plugin: https://www.will-myers.com/products/p/sidebar-page-navigation In case you don't want to use plugin, I can also provide code to achieve this, but can't achieve change dot color on active/click Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
justin_phang Posted February 25 Author Share Posted February 25 Ahhh, gotcha. Let me take a step back, actually, what I'm hoping to solve is to get people to scroll down at the landing page, so need a signifier. Was tempted to use an arrow but somehow the dots seems more elegant. By seeing the dots, people might automatically understood that this landing page is scrollable, might wanna try out the code you mention then, so this is my long way of saying 'yes please!' Learning something new everyday Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment