javascript - 在较小的窗口或移动版本中单击链接时，Web浏览器将不会滚动到顶部。

对于我工作中的网站，我试图让Web浏览器在小屏幕模式下滚动到页面的顶部。根据一些答案，它应该已经在这样做了。我在此附上了网站的副本：
http://www.synergy-clinics.com/

我相信控制导航的代码在这里：

var $currentclass = 'currentpanel';
var $currentlinkclass = 'currentlink';
var $class = 'panel';
var $dotclass = '.panel';
//var $body = 'body';
var $body = '#content'
var $downkey = '38';
var $upkey = '40';

//$(function () {
//    $($body).mousewheel(function (event, delta) {
//        var $current = $('div.currentpanel');
//        $next = (delta > 0)?  $current.prev($dotclass) :$next = $current.next($dotclass);
//        if ($next.length) { ChangeCSSClass($current, $next); }
//        event.preventDefault();
//    });
//});

$(function () {
    $($body).keydown(function (event, delta) {
        var $current = $('div.currentpanel');
        if (event.keyCode == $downkey)
        {
            $next = $current.prev($dotclass);
            if ($next.length) { ChangeCSSClass($current, $next); }
            event.preventDefault();
        }
        else if (event.keyCode == $upkey)
        {
            $next = $current.next($dotclass);
            if ($next.length) { ChangeCSSClass($current, $next); }
            event.preventDefault();
        }
    });
});

function MenuItemClick(SectionName)
{
    var $current = $('div.currentpanel');
    var $next = $('#' + SectionName);
    if ($next != null) { ChangeCSSClass($current, $next); }
    //event.preventDefault();
}

function ChangeCSSClass(Current, New)
{
    $($body).scrollTo(New, 100, { offset: -115 });
    $('#' + Current[0].id + 'Link').removeClass($currentlinkclass);
    $('#' + New[0].id + 'Link').addClass($currentlinkclass);
    Current.removeClass($currentclass);
    Current.addClass($class);
    New.addClass($currentclass);
}

我已经确定了scrollto行，因此它必须在此处的某个地方，任何帮助将不胜感激。

最佳答案

我找了几个小时，最后我找到了。

你可以试试看吗：

http://jsfiddle.net/b4M66/

jQuery的：

$(function() {
    $(window).scroll(function() {
        if($(this).scrollTop() != 0) {
            $('#toTop').fadeIn();
        } else {
            $('#toTop').fadeOut();
        }
    });

    $('#toTop').click(function() {
        $('body,html').animate({scrollTop:0},800);
    });
});​

CSS：

#toTop { position: fixed; bottom: 50px; right: 30px; width: 84px; background-color: #CCC; cursor: pointer; display: none; }​

HTML：

<div id="toTop">Back to Top</div>​

关于javascript - 在较小的窗口或移动版本中单击链接时，Web浏览器将不会滚动到顶部。，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23758370/