javascript - 如何在切换后使用 fullPage.js 移动到节内的特定 div

标签 javascript jquery html css fullpage.js

我想要实现的是在按下“阅读更多..”后,我希望当前事件部分向下滚动到特定的 div 并将其移动到标题为“IM TOGGLE”的顶部。

我尝试添加此 jquery 代码以将其移动到特定的 div:

    $('html,body').animate({
    scrollTop: $(".toggle").offset().top},
    'slow');

但它不起作用。如果我将 data-anchor 添加到 .toggle ,布局就会扭曲并且不起作用。有什么建议吗?

这是我的 fiddle : https://jsfiddle.net/rigz/5odubjsj/10/embedded/

最佳答案

像这样将 id 添加到切换 div

<div class="toggle" id="toggled-content">

通过向按钮添加 href 来向下移动到它,如下所示

<button class="btn btn-danger" href="#toggled-content">READ MORE..</button>

关于javascript - 如何在切换后使用 fullPage.js 移动到节内的特定 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38566787/

相关文章:

javascript - 为什么我的简单 Firefox 扩展现在拒绝运行?

Javascript - 定义图像树的有效方法

html - 如何将状态文本颜色更改为按钮

html - 强制水平滚动条和所有子 div 在一行中

css - 除非页面向下滚动到某个点,否则我怎么能有一个不会移动的滑动菜单 div

javascript - 主干模型和日期选择器默认日期

javascript - parseInt ("010", 10);与 parseInt(010, 10);

php - 尝试将变量从 $.post 传递到 php

javascript - AngularJS - 表单提交

javascript - HTML 5 native 表单验证回调