9: Animated scroll to a section on page load - Learn jQuery front-end programming

[@LeafyVerseYT]

Thank you for all that you do. No ads will be skipped.

[@josephjasonbuhain8253]

The direct href="subpage.html#section3" now works without javascript so people reading this right now won't probably see the animation. Replace the "#" in the href with like "?" or any symbol and change the lastIndexOf argument into that symbol and you will see it works.

[@deveagle669]

Nice work! Would LOVE to know how to do this with "Vanilla JS", since most employers are frowning upon jQuery now and are demanding knowledge of Vanilla JS

[@FordExplorer-rm6ew]

Been coding 6 hours today, finally back at it and not sucking nor as blackpilled. I suck at UI design like all the adobe programs, sourcing static assets, making SVGs, making layout non boxy, responsive etc etc. Probs gonna come here for anything C# and PHP related. Doing JS + materialize + firebase Trying to have 2 floating action buttons in materialize one for scroll to top and one for social media & share intents All of these coding tutorials, You , Traversy media, Net Ninja, Kevin Powell, Web Dev Simplified, Chris Hawkes, Caleb Curry Are you guys in a multi channel network or something? A freeCodeCamp sponsor type of thing? Seems you all cross reference each other.

[@tomasslezak3628]

You are the best. Please continue with this series.

[@JustAlexV]

I'd like to see for example how to hide side menu(just text, not icons) while scrolling and to be fixed. Btw I like your tuts very much, great teacher! Keep it going. P.S. Would be awesome to see Laravel or CodeIgniter tutorials from you ;)

[@zaursharifov5279]

u save my life thaaankss

[@hussamabuemmera1649]

Hi, thanks for the tuts, really very helpful. Would you please do a tutorial on how to use jquery to have a wishlist that uses cookies or local storage

[@krzysztofwelc146]

no way, best programming chanel at YT!

[@Dani_Krossing]

Thank you :)

[@lg192]

Thank you for making these awesome tutorials! They really helped me out. Keep up the good work!!

[@surinfarmwest6645]

Very useful, thanks Daniel.

[@Darlene-dono]

Great tutorial Clevertechie

[@CredixNetwork]

I usually use this code: $(document).ready(function() { //When Document loads $('.slide-section').click(function(e) { //When something that has slide section as class var linkHref = $(this).attr('href'); //Variable, storing what element slide section is pointing to $('html, body').animate({ //Animates body scolling to scrollTop: $(linkHref).offset().top + 1 //the object (linkHref) (+1 is optional, means it scrolls a pixel more) }, 1000); //1000 means 1000ms which is 1 second e.preventDefault(); //Prevents href from showing in url }); }); //Hope you can understand the code

[@arinkaramian946]

thank you, this tut was so helpful

[@El_ii]

Hey Great Tutorial! I have a question How to make a Horizontal slideshow of items in Jquery?

[@kevin-kosme]

do you have tutorial for codeigniter when you sign up and register the page is automatically scroll down to the section of sign up to see if successful or failed sign up

[@fakepram718]

thank you very much for this tutorial!

[@adeelkhan2240]

really appreciated...

[@vineetprajapati2853]

can you make a tutorial on how to make scrollwheel animate or scroll more on single scroll!

[@SalmanAnsari-dj4wx]

Hey, I am using the same code but an error occur in the console say "cannot read properties of undefined ( reading 'top')". please help me out

[@semhak]

Hi there! Love your tutorials. Would you by any chance be able to chare the html, css and js files of this project? It looks like a great starter template for a website project!

[@klivecorps]

I am having trouble in making "time ago " in PHP. I want to make a post or comment system that shows time of that comment but in " ago" method. like in Facebook or KZbin, it says video 20 minutes ago, I hope you understood and got my point. please make a video on it. in php

[@neco8058]

muy buen video gracias

[@thelastcat8406]

how do i make it in same page , i mean i made a navbar on top of section page and it doesnt work on the navbar i gues its about that they are in same page?

[@MilanB]

Can you do a tutorial which explains how to show additional elements on page while scrolling? Such as when user scrolls for ex: 400px down a picture or some content slides from the left?

[@jayjayjaythebrand]

Milan :D used the window.scroll() function. It returns an int every time the user scrolls. Inside of the parenthesis, you'd run a callback that says if(window.scroll() > 400) { //turn on class that makes elements animate in} It's that simple

[@MilanB]

Thank you for the info. I didn't know that. Surely, i'll try it.

[@khanshahin4905]

i like to see how do i click dynamic link

[@reaganfernandes7604]

I don't want to get that #id name in the URL. can u tell me a better solution to that?

[@md.shahadathossain8943]

what is " integrity code " inside of the script tag ? Can anyone help me please ? how can I generate that ?

[@timantinan8406]

Pls help me!! İ m doin everything same but its not working ı m using jquery version 3.4.1 and i update my chrome check everything 1000 times can t understand whats the problem

[@Omryking]

Please Make mobile application development tutorials

[@XxHenrykunxX]

guys help me please my scrollTop only works once. If i press the second button going to another div it just automatically jumps there, not scroll there.

[@VidoviDroga]

how to make a clean url after the click? for example just www.page.com/ with nothing after?

[@Dani_Krossing]

One of my latest PHP and HTML lessons show how to do this :)

[@brighterpressltd5049]

Hi Good morning sir Please I have a class project to develop a computer based test system where students will login with their registration number and write their exam It should be like a website then I will upload the questions and give options of A, B, C, And D and let them chose one Please I don't know where to start from I am hoping you create a video of it or give me the steps to take or source code Thank in advance