How To Create a Scroll Back To Top Button | Learn Web Technologies
In this video we will learn - How To Create a Scroll Back To Top Button
What is Scroll to top?
When user clicks a button it's going up
Scroll to top : we are using animate() method for scroll to top
The animate() method performs a custom animation of a set of CSS properties.
Syntax :- (selector).animate({styles},speed,easing,callback)
styles:- Required. Specifies one or more CSS properties/values to animate.
Note: The property names must be camel-cased when used with the animate() method: You will need to write paddingLeft instead of padding-left, marginRight instead of margin-right, and so on.
speed:- Optional. Specifies the speed of the animation. Default value is 400 milliseconds
Possible values: milliseconds (like 100, 1000, 5000, etc)
slow, fast
easing:- Optional. Specifies the speed of the element in different points of the animation. Default value is "swing".
Possible values:
swing - moves slower at the beginning/end, but faster in the middle
linear - moves in a constant speed
Callback:- Optional. A function to be executed after the animation completes.
If you want any changes or any suggestion regarding my video. please leave a comment in comment box
Like | Share | Watch | Subscribe
Blog: http://learnwebtechnology.ga/blog
YouTube Channel : https://www.youtube.com/channel/UCYmD...
Facebook : / learnwebtech. .
whats app group : https://chat.whatsapp.com/HPVolcQVar6...
#LearnWebTechnologies #Html #scrollBack