向下滾動點擊動畫

我有html頁面。我想用動畫向下滾動按鈕點擊（按鈕有類「s_down_button」）。向下滾動點擊動畫

我需要在element_height + 20像素下滾動屏幕。

element_height - 用「TP-bgimg」級

元素的高度因此，我想：

jQuery(document).ready(function($) { 

    $(".s_down_button").click(function(){ 
     var element_height = $(".tp-bgimg").height(); 
     var scroll_height = element_height +20; 
     $('body').scrollTo(scroll_height); 
    }); 

});

，但我得到一個錯誤：

Uncaught TypeError: $(...).scrollTo is not a function

來源

2017-08-28 name name2

當然，'scrollTo'不是一個jQuery方法。看到這裏如何正確地做到這一點：https://stackoverflow.com/questions/16475198/jquery-scrolltop-animation（發現自己應該是微不足道btw。，如果你做了一些基礎研究。） – CBroe

有無數的jQuery插件爲此......還有關於這個問題的無數問題。打擾谷歌？ – vsync

你在這裏，我的[自己的要點]（https://gist.github.com/yairEO/7030050） – vsync

$("html, body").animate({ scrollTop: scroll_height }, 600);

，其中600以毫秒爲單位的動畫時間。欲瞭解更多信息看animate jquery doc

來源

2017-08-28 14:51:47

你正在尋找的功能是：

$('body').animate({scrollTop: positionToScrollTo}, 500);

我喜歡做的是創建一個scrollTo函數調用這行代碼：

function scrollTo(position) { 
    $('body').animate({scrollTop: position}, 500); 
}

來源

2017-08-28 14:53:12

向下滾動點擊動畫

回答

相關問題