Scrolld.js 点击元素,滑动到页面对应位置

本文介绍了Scrolld.js插件的基本用法,通过简单的示例展示了如何利用该插件实现页面点击滚动效果。需要注意的是从提供的GitHub地址下载的压缩包中包含的jQuery库文件路径错误,使用者需要手动修正。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【插件名称】:Scrolld.js

【github地址】https://github.com/charliegeiger89/Scrolld.js
备注:此压缩包下来后,jquery库文件路径是错的,需要自己重新做过,demo才能正常。)

【功能介绍】:这个插件是点击某点,让页面滑动到某个位置的插件。

【举个栗子】

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    <script src='../build/Scrolld.0.2.1.min.js'></script>
    <script>
 // Init scrolld.js 页面初始化
    $('[data-scrolld]').scrolld();
    </script>


点击的地方
<div data-scrolld='target'>Testing Target</div>

到这里来
<div id='target'>Target</div>

data-scrolld='target' 和 id='target' 一一对应即可

转载于:https://my.oschina.net/u/583531/blog/849563

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值