Javascript 如何滚动页面？

当我运行下面的代码时，页面不会滚动，也不会显示我的所有页面容器。首先我使用Ajax，但我的菜单不起作用。然后我不得不使用Iframe标签。但它也有一个问题。我试图发现问题，但没有成功。有人能帮我解决这个问题吗

<div id="maincontainer" style="position: fixed; width: 80%; height:500px; right: 10%; ">
        <table style="background-color: rgb(100, 100, 100); border-radius: 5px;" dir="rtl">
            <tr>
                <td style="width: 90px; height: 30px;"><a href="#" style="font-family:Tahoma; color:#f6d434; font-size:13px; font-weight:bold; text-decoration:none;">صفحه اصلی</a></td>
                <td style="width: 60px; height: 30px;"><a href="#" style="font-family:Tahoma; color:#f6d434; font-size:13px; font-weight:bold; text-decoration:none;">پروفایل</a></td>
            </tr>
        </table>

        <div id="three" style="font-family: 'B Homa'; font-size: large;">
            <ol>
                <li data-slide-name="slide-one">
                    <h2>
                        <span>مدیریت مدیران</span></h2>
                    <div>
                        <img src="Lite%20Accordion/img-demo/1.jpg" alt="image" />
                    </div>
                </li>
                <li data-slide-name="slide-two">
                    <h2>
                        <span>مدیریت فرم ها</span></h2>
                    <div>
                        <img src="Lite%20Accordion/img-demo/2.jpg" alt="image" />
                    </div>
                </li>
                <li data-slide-name="slide-three">
                    <h2>
                        <span>مدیریت فرهنگی</span></h2>
                    <div>
                        <img src="Lite%20Accordion/img-demo/3.jpg" alt="image" />
                    </div>
                </li>
                <li data-slide-name="slide-four">
                    <h2>
                        <span>مدیریت آپلود سنتر</span></h2>
                    <div>
                        <img src="Lite%20Accordion/img-demo/4.jpg" alt="image" />
                    </div>
                </li>
                <li data-slide-name="slide-five">
                    <h2>
                        <span>مدیریت اخبار</span></h2>
                    <div>
                        <img src="Lite%20Accordion/img-demo/5.jpg" alt="image" />
                    </div>
                </li>
            </ol>
            <noscript>
                <p>
                    Please enable JavaScript to get the full experience.
                </p>
            </noscript>
        </div>
        <div>
            <ul class="menu">

                <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">مديريت کاربران</span></a>
                    <ul>
                        <li><a href="javascript:ChangeSrc('ActiveUser.aspx');">کاربران فعال</a></li>
                        <li><a href="javascript:ChangeSrc('UserBlock.aspx');">کاربران بلاک</a></li>
                        <li><a href="javascript:ChangeSrc('AllUser.aspx');">تمام کاربران</a></li>
                        <li><a href="javascript:ChangeSrc('#');">کاربران تایید نشده</a></li>

                    </ul>
                </li>

                <li><a href="#"><span class="l"></span><span class="r"></span>
                    <span class="t">مديريت آپلودسنتر</span></a>
                    <ul>
                        <li><a href="javascript:ChangeSrc('Add_type.aspx');">نمایه جدید</a></li>
                        <li><a href="javascript:ChangeSrc('Type_List.aspx');">لیست نمایه ها</a></li>
                        <li><a href="javascript:ChangeSrc('Cat_Add.aspx');">دسته بندی جدید</a></li>
                        <li><a href="javascript:ChangeSrc('CatList.aspx');">لیست دسته ها</a></li>
                        <li><a href="javascript:ChangeSrc('AddItem.aspx');">آیتم جدید</a></li>
                        <li><a href="javascript:ChangeSrc('ListItem.aspx');">لیست آیتم ها</a></li>
                    </ul>
                </li>
              </ul>
        </div>
        <div id="contentwrapper">
            <div id="contentcolumn"><%--<div id="newContent" style="float:left; width: 100%; height: 615px; direction: rtl; ">
                </div>--%>
                <iframe id="frame" runat="server" style="width: 1095px; height: 1600px;"></iframe>
            </div>
        </div>
        <div id="stickybar" class="expstickybar">
        </div>
        <div style="text-align: center; padding-top: 3px">
            <b>Copyright (c)</b>
        </div>
        <!-- LeftPanel Plugin -->
        <div class="float">
            <div class="moduletable">
                <p>
                    &nbsp;<a href="#" target="_blank">برنامه امروز</a>
                </p>
            </div>
        </div>
        <script language="javascript" type="text/javascript">
            //$(document).ready(function () {
            //    $('#accordion').accordion();
            //});
            function ChangeSrc(trg) {
                var frm = document.getElementById("frame");
                if (frm) {
                    frm.src = trg;
                }
            }
        </script>
        <script type="text/javascript">
            (function ($, d) {
                $('#three').liteAccordion({ autoPlay: true, theme: 'dark', rounded: true, enumerateSlides: true, firstSlide: 1, easing: 'easeInOutQuart' });
            })(jQuery, document);
        </script>
    </div>

مدیریت مدیران


مدیریت فرم ها


مدیریت فرهنگی


مدیریت آپلود سنتر


مدیریت اخبار


请启用JavaScript以获得完整体验。





















版权所有（c）


//$（文档）.ready（函数（）{
//$（'手风琴'）。手风琴（）；
//});
功能更改（训练）{
var frm=document.getElementById（“框架”）；
if（frm）{
frm.src=trg；
}
}
（函数（$，d）{
$（'#三'）.liteAccordion（{autoPlay:true，theme:'dark'，rounded:true，enumerateSlides:true，firstSlide:1，easeInOutQuart'}）；
})（jQuery，文档）；

请删除css属性

位置：固定来自主容器分区

正如您所看到的，我从您的示例html代码中生成了一些代码，我只是删除了该属性

您还可以使用css属性
overflow:auto控制何时显示滚动，或显示/隐藏分区限制区域以外的内容。
JSFiddlegreat@MoathHowari：但这是很长的代码。我该怎么办？如果你的问题是正面的1）删除所有ajax调用2）删除所有不需要的代码3）只需添加显示问题的代码，谢谢你的回答。我对此进行了测试，但结果不正确（你看到样品了吗，没问题？你有没有试着去掉固定的位置？