JavaScript 页面滚动位置

Question

我正在使用 JavaScript 选项卡式菜单，当选择菜单项时，它会加载不同的内容(文本/照片)。

但是，当您单击菜单项时，滚动位置会跳转到元素(在本例中为照片)的中间或底部，我需要它来显示菜单和照片的顶部。

有人可以建议我如何设置它以保持顶部的固定位置，以便菜单和照片顶部可见，让用户手动向下滚动。

https://jsfiddle.net/njd9L7ok/

$(document).ready(function () {
    var lastItem = null;
    $('#listingmenu').on('click', 'a', function () {
        newItem = this.getAttribute('href').substring(1);
        if (newItem != lastItem) {
            $('.current').not($(this).closest('li').addClass('current')).removeClass('current');
            // fade out all open subcontents
            $('.pbox:visible').hide(600);
            // fade in new selected subcontent
            $('#' + newItem).show(600);
            lastItem = newItem;
        }
    }).find('a:first').click();
});

Answer 1

您需要防止点击时的默认行为。

$(document).ready(function () {
    $('#listingmenu').on('click', 'a', function (event) {
        event.preventDefault();
        // all your other code
    }).find('a:first').click();
});