如何使用jQuery向上或向下滾動頁面到錨點？

我正在尋找一種方法來包含幻燈片效果，當您單擊頁面上或下的本地錨點鏈接時。

我想要一個你有這樣一個鏈接的東西：link?text,?img?etc.

也許添加了一個類，所以你知道你希望這個鏈接是一個滑動鏈接：link?text,?img?etc.

然后，如果單擊此鏈接，頁面將向上或向下滑動到所需位置(可以是div，標題，頁面頂部等)。

這就是我以前的情況：$(document).ready(function(){

$(".scroll").click(function(event){

//prevent?the?default?action?for?the?click?event

event.preventDefault();

//get?the?full?url?-?like?mysitecom/index.htm#home

var?full_url?=?this.href;

//split?the?url?by?#?and?get?the?anchor?target?name?-?home?in?mysitecom/index.htm#home

var?parts?=?full_url.split("#");

var?trgt?=?parts[1];

//get?the?top?offset?of?the?target?anchor

var?target_offset?=?$("#"+trgt).offset();

var?target_top?=?target_offset.top;

//goto?that?anchor?by?setting?the?body?scroll?top?to?anchor?top

$('html,?body').animate({scrollTop:target_top},?1500,?'easeInSine');

});});

總結

以上是生活随笔為你收集整理的html页面怎么加向下滚动,如何使用jQuery向上或向下滚动页面到锚点？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。