功能 - 通過元件id作爲參數

Question

http://jsfiddle.net/vidhyaakrish/AFm89/64/

我想傳遞一個元素的id

function scroll_to(element){ 
    $('html, body').animate({ 
     scrollTop: $(element).offset().top 
    },1000); 
    console.log(element); 
} 

scroll_to('"\#target-element\"'); 

，但我不能夠（例如＃目標elemet作爲參數傳遞給scroll_to（元素）。）實現 - 有人能幫助我嗎？

Answer 1

變化

scroll_to('"\#target-element\"'); 

到

scroll_to('#target-element'); 

DEMO

Answer 2

scroll_to("#target-element"); 

這應該這樣做

Answer 3

你可以通過創建一個小的jQuery插件做到這一點：

$.fn.animateScrollToElement = function(speed, marginTop) { 
    marginTop = marginTop || 0; // if not set, will be 0 
    $('html, body').animate({ 
     scrollTop: $(this).offset().top - marginTop 
    }, speed); 
    return this; 
} 

用法：

// element      speed, 'margin top' 
$(selector).animateScrollToElement(1000, 20); 

那麼你可以使用標準的jQuery選擇器，插件功能將this處理的元素。

演示：http://jsfiddle.net/AFm89/67/

Answer 4

您的ID選擇不被認可的JQuery。 （這裏的ID在＃選擇）

你的代碼更改爲這應該幫助：

scroll_to('#target-element'); 

有關JQuery的Selectos更深入的瞭解，請點擊此鏈接：JQuery Selectors

鏈接到更新後的提琴：JSFiddle