Как получить только одну полосу прокрутки при помещении div внутри тега формы - PullRequest
Новая
       11

Как получить только одну полосу прокрутки при помещении div внутри тега формы

0 голосов
/ 05 февраля 2019

Я создаю страницу asp, которая содержит тег формы. Внутри него он содержит div.Внутри div он содержит iframe.Когда высота div определена с большим пикселем, т.е. 1500px. Я получаю две полосы прокрутки справа от страницы.Как показать только одну полосу прокрутки?

Я испробовал все возможные решения, указанные в stactoverflow. 

<body>
    <form id="form1" runat="server">

        <div style="height: 1500px;" >
            <iframe id="mainFrame" name="mainFrame" scrolling="auto" height="100%" width="100%" frameborder="0" src="../Front.aspx" onload="ParentScrollTop();"></iframe>
         </div>

       <script type="text/javascript">
           function ParentScrollTop() {
              $("html,body").animate({ scrollTop: 0 }, 100);
          }
       </script>



    </form>
</body>

Я ожидаю, что страница будет иметь только одну полосу прокрутки, независимо от того, какая высота div определена.

1 Ответ

0 голосов
/ 05 февраля 2019

Необходимо указать CSS, указав overflow свойство.

overflow-x (по горизонтали)

overflow-y (по вертикали)

Чтобы скрыть вертикальную полосу прокрутки 

   .mainFrame{

      width:1500px; // Element Width
      height:500px; // Element Height
      overflow-y: hidden;

    }

Чтобы скрыть горизонтальную полосу прокрутки 

    .mainFrame{

      width:1500px; // Element Width
      height:500px; // Element Height
      overflow-x: hidden;

    }
...