BACK

shopify keep page from jumping when navigate from page with no scroll bar?

Same Page Smooth Scroll to Anchor in Shopify ✅ How to Smooth scroll to Sections? hey dr welcome to y

Foysal Ahmed

Updated on Feb 25,2023

Same Page Smooth Scroll to Anchor in Shopify ✅ How to Smooth scroll to Sections?

The above is a brief introduction to shopify keep page from jumping when navigate from page with no scroll bar?

Let's move on to the first section of shopify keep page from jumping when navigate from page with no scroll bar?

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

shopify keep page from jumping when navigate from page with no scroll bar? catalogs

Same Page Smooth Scroll to Anchor in Shopify ✅ How to Smooth scroll to Sections?

hey dr welcome to you in my youtube,channel in this tutorials i am going to,show you,how to add same page smart scroll to,anchor,in shopify if you're learning shopify,theme customization and shopify theme,development then you can continue this,video so let's get started,before i start this tutorials i want to,share the behind story look here,this is my client's website and he,wanted the same page smother skull in,her white,and i have already added the sp chart in,this website but i want to share the,full process with all of my audience so,look at my mouse when i click on the how,can i help you button,scroll down in this section how can i,help you and if i click on the my book,button,it's scroll down to the my book section,again if i click on the how can i help,you,go to the how can i help section,here is the,message,that my client sent me by upwork let me,share,hi again if i still hope you're good so,just the last video for today,uh it's just on the,on this section here so when people say,can i help,can you help it goes to this section,here so it'll be nice that if people say,how you can help,is the conte here,because i am going to do a video here to,explain what i do what i'll do as well,is i'll i'll make this title just one,line,which should be cool so hopefully when,people click how can i help,hopefully it'll scroll down,and they'll just see,the title,and this video and this section here,it's really cool,also as well when someone clicks the box,is it possible,so again that's when people click books,my books it scrolls down,i hope you understand that what was my,client's requirement okay so now i'm,going to start at this picture one by,one so first of all i am going to my,shopify admin panel here is my shopify,admin panel then click on the online,store then click on the action button,edit code,here i'm going to create a custom js,file click on the asset folder,add a new asset,click on the create a blank file,add custom js,okay we have created our custom js file,and now click on the custom js file here,to open it and here i am going to add,some js,good here is my js code,then click on the save,now open,theme liquid file and here i am going to,link my custom js file just going to add,the custom js file under skipped right,here,so i'm going to type my code,escape tag,okay,we have done,then click on the save now we have to,add css id in the menu navigation we,have to find the id of this section so,i'm going to open developer tools and,trying to find the id of the section,here is the section id,just copy this id and go to my,navigation,and this id for,how can i help you section we have copy,this section id,and now i'm going to open the navigation,and here is the how can i help you,menu item,and now we have to add our section id,right here then click on the apply,change in the same process we have to,find out the,id,of this section,here is the id of book section,copy this id,and open the,book menu item add your id right here,then apply change,and finally click on the,save changes,okay we have done,we have finished our all the process now,i am going to reload or refresh my,browser,and click on the how can,i help you button wow,my book that's working,so nice,so thank you for your time to watch this,video if you think this video is helpful,then click on the like button and,subscribe to my channel have a nice day,bye

Congratulation! You bave finally finished reading shopify keep page from jumping when navigate from page with no scroll bar? and believe you bave enougb understending shopify keep page from jumping when navigate from page with no scroll bar?

Come on and read the rest of the article!

Browse More Content