如何在标签中添加偏移量deep_link zurb foundation?

时间:2015-09-08 12:09:06

标签: tabs zurb-foundation zurb-foundation-5

我正在使用代码选项卡

<div class="row tabs-home" >
<dl class="tabs text-center " data-tab data-options="deep_linking:true"> 
    <dd><a href="#panel0">CRS</a></dd>
    ...
    <dd><a href="#panel5">Soluções Marketing</a></dd>  
</dl>

标题为&#34; position:fixed&#34;,然后点击标签滚动[IMAGE 2],但是在标题下面。 有必要点击标签上有一个偏移标题[IMAGE 3] [enter image description here] 1

我尝试更改foundation.tab.js。 并添加了来自foundation.tab.js的第207行

if (settings.deep_linking) {

            if (settings.scroll_to_content) {

                // retain current hash to scroll to content
                go_to_hash(location_hash || target_hash);

                if (location_hash == undefined || location_hash == target_hash) {
                    tab.parent()[0].scrollIntoView();
                    tab.parent()[0].animate({  scrollTop: $('#tab-fixed').offset().top + 200  });
                } else {
                    S(target_hash)[0].scrollIntoView();
                }
            } else {
                // prefix the hashes so that the browser doesn't scroll down
                if (location_hash != undefined) {
                    go_to_hash('fndtn-' + location_hash.replace('#', ''));
                } else {
                    go_to_hash('fndtn-' + target_hash.replace('#', ''));
                }
            }
        }

 tab.parent()[0].animate({  scrollTop: $('#tab-fixed').offset().top + 200  });

如何点击,滚动有标题的偏移量?

0 个答案:

没有答案