jquery - 我无法摆脱这个滚动条

我有一个网站，当您单击蓝色按钮时，表单会从右侧滑动:

正如您可能看到的，水平滚动条允许访问者在滑动表单激活之前和之后看到它。这就是问题所在，希望有人能帮我解决。

这是我正在使用的 jQuery 代码:

<script type="text/javascript">
            $(document).ready(function()
            {
                function positioningForm()
                {
                    $('#insider').css({"right": "-535px"}).show();
                }
                function slideFromRight()
                {
                    $('#insider').animate(
                    {right: "0px"},
                    {duration: 'slow',easing: 'easeOutElastic'});
                }
                function slideToBeginning() {
                    $('#insider').animate(
                    {right: "-535px"},
                    {duration: 'slow',easing: 'easeOutElastic'});
                }

                // Positioning the insider at the time of page loading
                positioningForm();

                var state = 0;
                $('.right_btn').click(function() {
                    if(state == 0) {
                        //do the magic :)
                        slideFromRight();
                        state = 1;
                    } else if( state == 1) {
                        //unroll the magic :)
                        slideToBeginning();
                        state=0;
                    }
                });
            });
        </script>

最佳答案

将其添加到CSS:

body{overflow-x:hidden;}

如果您没有有组织的 css block ，只需将 style="overflow-x:hidden"添加到您的 body 标记中，如下所示:

<body style="overflow-x:hidden;">

解决了。 ;)

关于jquery - 我无法摆脱这个滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6276136/