Databases
StackOverflow2013
Postsdbo
POOverflow:scroll not working
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POOverflow:scroll not working
    primarykey
    data
    text
    <p>I have created a webpage with a floating/fixed panel that slides up from the bottom of the page. Inside this pane is a child div which has content that needs to be scrolled, I have set the <code>overflow</code> to <code>scroll</code> and <code>auto</code> but none seem to do the trick. It should be noted I'm using easytabs.js plugin to switch content inside the panel, I believe this could be the reason its not working as expected.</p> <p>You can find a link to the page <a href="http://mogulindiancuisine.co.uk/#specials-tab" rel="nofollow">here</a></p> <p>Could anyone have a look and tell me what I'm doing wrong?</p> <p>The relevant CSS is below</p> <pre><code>#menu-tab { display: block; /*background: rgba(255, 255, 255, 0.95);*/ background: #fff; color: #000; font-size: 20px; padding: 10px 15px; margin: 0 auto; width: 250px; text-align: center; cursor: pointer; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } #menu-content { display: none; /*background: rgba(255, 255, 255, 0.95);*/ background: #fff; color: #111; /*padding: 30px 0;*/ height: 1px; /*overflow: hidden;*/ } /* Styles for Tabs on Side */ #tab-side-container { padding: 50px 0; } #tab-side-container &gt; ul { list-style: none; margin: 0 40px 0 0; padding: 5px 0; background: #f1f1f1; float: left; } #tab-side-container &gt; ul li { width: 200px; margin: 0; padding: 0; text-align: right; font-size: 28px; text-transform: uppercase; } #tab-side-container &gt; ul li a { display: block; padding: 11px 15px; outline: none; color: #000; } #tab-side-container &gt; ul li a:hover { text-decoration: underline; } #tab-side-container &gt; ul li.selected-tab { background: rgba(255, 255, 255, 0.95); position: relative; left: 1px; } #tab-side-container &gt; ul li:first-child.selected-tab { border-top: none; } #tab-side-container &gt; ul li a.selected-tab { text-decoration: none; } #tab-side-container .panel-container { padding-top: 5px; padding-left: 240px; } div.menu { overflow: auto; } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USImran
    1. USImran
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POOverflow:scroll not working
      1. USImran
      1. VTBountyStart
    2. VO
      singulars
      1. POOverflow:scroll not working
      1. This table or related slice is empty.
      1. VTDownMod
    3. VO
      singulars
      1. POOverflow:scroll not working
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload