php 网页滚动到指定位置,js点击滚动到指定位置

该博客介绍了如何使用JavaScript实现页面点击事件后,平滑滚动到指定元素位置。通过移除和添加类来突出选中项,并计算目标元素的偏移量,然后使用animate方法平滑滚动到目标位置,提供比a标签锚点更灵活的滚动效果。
摘要由CSDN通过智能技术生成

js点击滚动到指定位置,比如左边分类点击右边列表滚动,直接用a标签锚点滚动的位置不够灵活,这方法还是不错的$(document).ready(function(){

$(".category-a").click(function(){

$(".category-a").removeClass("active");

$(this).addClass("active");

var cid = $(this).attr("data-cid");  //将要滚到的元素ID

var scroll_offset = $("#" + cid).offset(); //滚到的元素ID

var scroll=scroll_offset.top-150;

$(".goodslist,html").animate({ //$("body,html") body内滚动或者自己写的div但需要overflow auto

scrollTop:scroll //让body的scrollTop等于pos的top,就实现了滚动

},500);

});

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值