javascript - 页面从菜单 anchor 滚动到右侧页面，但不是直接链接

我正在使用这个免费脚本

http://codyhouse.co/gem/css-faq-template/

http://codyhouse.co/demo/faq-template/index.html#payments

该演示与我的网站存在相同的问题，尽管在我的网站上更糟糕。

如果使用菜单，则一切正常。标头上方有一些空间。



但是，如果您访问直接链接http://codyhouse.co/demo/faq-template/index.html#payments而不是从菜单中

看起来像这样



如您所见，标题“付款”上方没有空格。

在我的页面上甚至更糟。它从“我可以拥有..”开始，并且标题被隐藏。当我直接从链接访问页面时，找不到在哪里可以调整此设置，而不会影响我从菜单访问该部分时的外观。

用户单击部分时

//select a faq section
faqsCategories.on('click', function(event){
    event.preventDefault();
    var selectedHref = $(this).attr('href'),
        target= $(selectedHref);
    if( $(window).width() < MqM) {
        faqsContainer.scrollTop(0).addClass('slide-in').children('ul').removeClass('selected').end().children(selectedHref).addClass('selected');
        closeFaqsContainer.addClass('move-left');
        $('body').addClass('overlay');
    } else {
        $('body,html').animate({ 'scrollTop': target.offset().top - 69}, 200);
    }
});

JavaScript代码：http://codyhouse.co/demo/faq-template/js/main.js

风格：http://codyhouse.co/demo/faq-template/css/style.css

最佳答案

只需快速破解，即可使用

if(window.location.hash) {
    // if url contain '#'
    // scroll down a few pixle
}

编辑：

很难在jsfiddle中对此进行解释，因为它不会让我玩＃哈希。

var url = 'http://example.com/test.html#hash';
//you can get by using window.location.href
var hash = url.split('#')[1];
// this get the 1st hash variable

if(hash) {
// if hash exist
    $('html, body').animate({
           scrollTop: "5000px"
     }, 0);
// scroll down a little bit
}