slidetoggle JS元素中的文本中断

Question

我在网站http://riskby.com/features/

上遇到了问题

如果向下滚动一下，然后单击MyRiskby菜单元素，则文本如下所示：

这是我的JS：

;(function ($) {
    $("#text-6").css({
        "display": "none"
    });
    $('#menu-item-990 a').click(function (event) {
        $('#text-6').slideToggle("fast");
    });
    $('#text-6').click(function (e) {
        e.stopPropagation();
    });
    $(document).click(function () {
        $('#text-6').slideUp();
    });
    $(window).scroll(function () {

        var a = 1;
        var pos = $(window).scrollTop();
        if (pos > a) {
            $("#text-6").css({
                position: 'fixed',
                top: '45px'
            });
        } else {
            $("#text-6").css({
                position: 'fixed',
                top: '89px'
            });
        }
    });
})(jQuery);

我能否以某种方式阻止这种情况发生？

到目前为止的状态：仍然没有找到解决方案。当我首先向下滚动一点，然后点击MyRiskby时，就会发生文本破坏...我的JS可能有问题吗？每个答案都非常感谢！谢谢！

小提琴： http://jsfiddle.net/mediabird/m186z4t7/1/

Answer 1

好的，我找到了解决方案：

将position从fixed更改为absolute。所以比较简单;）。现在在我的电脑上工作。

希望将来可以帮助其他人。