当我使用这个右侧面板动画时，我得到一个水平滚动条

Question

当我将驼鹿悬停在按钮顶部时，我得到了这个恼人的水平滚动条。当面板从右侧滑入并从鼠标移开时，它会返回

这是我的小提琴

http://jsfiddle.net/cancerian73/Ej5k8/9/

$(function () {
$("#panel-content").hide();$(function () {
$("#panel-content").hide();

$("#follow").mouseenter(function () {
    $("#panel-content").show();
    $("#panel-content").animate({
        width: '300px'
    }, 'fast');

});

$("#panel-content").mouseleave(function () {
    if (!$("#panel-content").is(':animated')) {
        $("#panel-content").show();
        $("#panel-content").animate({
            width: '0px'
        }, 'fast');
    }
});

}）;

$("#follow").mouseenter(function () {
    $("#panel-content").show();
    $("#panel-content").animate({
        width: '300px'
    }, 'fast');

});

$("#panel-content").mouseleave(function () {
    if (!$("#panel-content").is(':animated')) {
        $("#panel-content").show();
        $("#panel-content").animate({
            width: '0px'
        }, 'fast');
    }
});

}）;

我不想使用overflow-x，因为它显示了我的iframe使用滚动条

还有其他办法吗

Answer 1

将overflow-x: hidden;应用于正文将删除不需要的滚动条。你能详细说明你不想使用它的原因吗？