javascript - 偏移目标 div Bootstrap

标签 javascript jquery css twitter-bootstrap twitter-bootstrap-3

我有一个这样的链接: <a href="mywebsite/testing/#collapse416">Testing</a></li> 这会在页面上打开 Accordion 。它针对的是 bootstrap Accordion 折叠的 div。但是,当它打开时,它不会在 div 的顶部打开。我意识到这是因为我在顶部的横幅是固定的,当它打开目标链接时,它不考虑我添加到正文中的偏移量。

那么我如何将偏移填充顶部添加到目标链接。这样它就抵消了固定的旗帜。这是我目前用来定位和打开 Accordion 的代码:

<script type="text/javascript">
(function( $ ) {
    $(document).ready(function() {
        var anchor = window.location.hash.replace("#", "");
        $(".collapse").collapse('hide');
        $("#" + anchor).collapse('show');
    });
})( jQuery );
</script>

最佳答案

您是否尝试向元素添加类?

引用 How do I add a class to a given element?

关于javascript - 偏移目标 div Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40772526/

相关文章:

用于数字和字母数字字符串的 JavaScript 数组排序函数

javascript - 为什么这个功能不起作用?它正在返回, "undefined"!

javascript - jQuery - POST XML 字符串到服务器

jquery - 相对于 JQuery 中的另一个 div 定位工具提示

javascript - 使用 jQuery 选择出现多次的类

html - 添加仅用于 bigcommerce 主页的链接标签

javascript - 在javascript事件中播放声音

jquery - 在移动版网页上根据宽度大小调整菜单 Logo 的大小

css - Bootstrap Well中定位相对框的问题

css - 将省略号添加到一组跨度中的第一个