javascript - 将其更改为 jquery
问题描述
var a = document.getElementsByClassName("class1")[0].addEventListener('click', function () {
var b = document.getElementsByClassName("class2")[0];
b.scrollIntoView({behavior: 'smooth', block: 'center'});
请将此代码更改为 jquery 。
请告诉我如何更改behavior :'smooth'
为第二个。示例(2 秒)
解决方案
你可以通过转换
document.getElementsByClassName("class1")
改成$(".class1")
var a = $(".class1").click(function () {
var b = $(".class2");
b[0].scrollIntoView({behavior: 'smooth', block: 'center'});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="class1">
class1
</div>
<div class="class2">
class2
</div>
推荐阅读
- amazon-s3 - 如何从 S3 存储桶 AWS 中获取所有图像 URL 的转储?
- r - ggplot和R中的基本图有什么区别?
- generics - Kotlin 中的泛型:如何访问伴随对象
- swift - 如何将 Google 语音中的最终转录字符串返回到文本响应?
- javascript - 如何在异步函数中等待用户输入
- php - 带绑定的 PHP 选择语句
- graphql - 如何通过 GraphQL 查询包含非空字段的可空数据?
- polymer - 如何将数据推送到 dom-repeat
- node.js - Passport-Facebook 在 localhost 中有效,但在 Heroku 中无效(MERN Stack)
- node.js - post 方法后的 Express 中间件