移动端禁止页面滑动

描述一下遇到的问题：
移动端界面右边和底部都出现了滚动条，页面可以左右滑动
然后关于宽度和高度，我是用js获取了页面的宽度然后设置的宽度，但是还是出现了这种滚动条，在检查页面无论怎么调整还是存在！真是折磨死我啦！！！

最后解决方案：

   //禁止页面滑动

        function stopScroll() {
             var html = document.getElementsByTagName('html')[0];
             var body = document.getElementsByTagName('body')[0];
             var o = {};
             o.can = function () {
                 html.style.overflow = "visible";
                 html.style.height = "auto";
                 body.style.overflow = "visible";
                 body.style.height = "auto";
             },
                 o.stop = function () {
                     html.style.overflow = "hidden";
                     html.style.height = "100%";
                     body.style.overflow = "hidden";
                     body.style.height = "100%";
                 }
             return o
         }

         var scroll = stopScroll()
         scroll.stop()  //禁止页面滚动