html页面怎么加向下滚动,如何使用jQuery向上或向下滚动页面到锚点?

如何使用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');

});});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值