Question

当您点击蓝色按钮时，我的网站会从右侧滑动：

正如您可能看到的那样，水平滚动条允许访问者在活动之前和之后看到滑动形式。这就是问题，我希望有人可以帮我解决。

这是我正在使用的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>

Answer 1

将此添加到css：

body{overflow-x:hidden;}

如果您没有有组织的css块，只需将style =“overflow-x：hidden”添加到您的body标签中，如下所示：

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

解决。 ;）

Answer 2

滚动出现是因为您没有隐藏，而是将元素向右移动。这都是关于CSS。可能的解决方案是overflow-x:hidden ^MDN ^MSDN或添加一个带有display:none ^MDN ^MSDN的容器到非按钮部分。

我无法摆脱这个滚动条

2 个答案: