Question

我正在开发一个基于Opencart的项目，其主题是Tranda Social（我认为它已被弃用）。我面临的问题是，仅在主页上我无法获得滚动效果（例如，当向下滚动时，将导航栏保持在固定位置，或者只需单击按钮即可到达TOP向上箭头）。经过一些研究后，我得出结论，由于某些原因，Javascript函数无法正确调用。

setTimeout(function () {

    /* Menu */
    $('#menu ul > li > a + div').each(function (index, element) {

        var menu = $('#menu').offset();
        var dropdown = $(this).parent().offset();
        i = (dropdown.left + $(this).outerWidth()) - (menu.left + $('#menu').outerWidth());
        if (i > 0) {
            $(this).css('margin-left', '-' + (i + 5) + 'px');
        }
    });

    /* Fixed Menu */
    $(function () {

        var msie6 = $.browser == 'msie' && $.browser.version < 7;
        if (!msie6) {
            var top = $('#bottomh').offset().top;
            $(window).scroll(function (event) {
                var y = $(this).scrollTop();
                if (y >= top) {
                    $('#bottomh').addClass('bottomfixed');
                } else {
                    $('#bottomh').removeClass('bottomfixed');
                }
            });
        }
    });

    $(function () {

        var msie6 = $.browser == 'msie' && $.browser.version < 7;
        if (!msie6) {
            var top = $('#bottomh').offset().top;
            $(window).scroll(function (event) {
                var y = $(this).scrollTop();
                if (y >= top) {
                    $('#bottomh').addClass('bottomfixed');
                } else {
                    $('#bottomh').removeClass('bottomfixed');
                }
            });
        }
    });

    /* Margin Menu */
    $(function () {

        var msie6 = $.browser == 'msie' && $.browser.version < 7;
        if (!msie6) {
            var top = $('#bottomh').offset().top;
            $(window).scroll(function (event) {
                var y = $(this).scrollTop();
                if (y >= top) {
                    $('#container').addClass(' topmargin');
                } else {
                    $('#container').removeClass(' topmargin');
                }
            });
        }
    });

    $(function () {
        var msie6 = $.browser == 'msie' && $.browser.version < 7;
        if (!msie6) {
            var top = $('#bottomh').offset().top;
            $(window).scroll(function (event) {
                var y = $(this).scrollTop();
                if (y >= top) {
                    $('#container').addClass(' topmargin');
                } else {
                    $('#container').removeClass(' topmargin');
                }
            });
        }
    });
}, 500);

当我在主页中导航时，固定菜单和边距菜单注释后的功能不起作用。另外，如果你注意到，每个功能都有一个副本（不知道是什么原因）。你有什么想法吗？任何帮助将不胜感激。

Answer 1

由于与之相关的JS错误，这是由Slidesshow模块（Nivo Slider）引起的问题。卸载 - 重新安装该模块可以解决问题。

Opencart主题中的Javascript滚动问题

1 个答案: