Response title
This is preview!
Buttom: Scroll to Top
in Getting Started
•
9 years ago
I've created buttom scroll to top. Here is code:
- $(window).scroll(function(){
- var wHeight = $(this).height();
- var wPosition = $(this).scrollTop();
- if(calPer(wPosition,wHeight)>100) {
- // If window lower than 100% (of window height) than show up buttom
- $("#Up").fadeIn(400)
- } else {
- $("#Up").fadeOut(400)
- }
- });
- $("#Up").click(function(){
- $("html").animate({scrollTop: 0},600)
- /* There is something I don't know why it work.
- * When I use $(window) => It's won't work!
* I change to $("body") => Same upon - * But it work well when $("html") !!! I don't know why... Plz explain it to me :(
- */
- });
Function calculate percent:
Do you have any idea? Is my code well enough? Is there any line need to fix?
- function calPer(x,full){ // calculate percent
- var answer = x*100/full
- return answer;
- }
Do you have any idea? Is my code well enough? Is there any line need to fix?