Databases
StackOverflow2013
Postsdbo
PODisable scrolling just for user
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODisable scrolling just for user
    primarykey
    data
    text
    <p>I am trying to create a page which cannot be scrolled by the user (means, no mousewheel, no space, no cursor-down etc.). while the site itself stays able to scroll: if a specific event is fired, i.e a button is triggered, the scroll should happen.</p> <p>I have done a little research, not only here on stackoverflow but in different forums. There were rumors that this isn't possible and the way to achieve the disable-scroll-thing would be <code>overflow:hidden</code></p> <p>Well, this is wrong for me: <a href="http://fk-agency.com/" rel="nofollow">http://fk-agency.com/</a></p> <p>Does anyone know how this is done?</p> <p>My personal approach would be:</p> <p>Create a site whichs height is just 100% of the viewport size, then slideIn the other div's by css animation or jQuery. But it seems to hacky to me.</p> <p><strong>EDIT</strong>:</p> <p>I tried it with the <code>overflow:hidden</code> attribute, but got the issue that scrolling won't work.</p> <p>Here is a live example of my project, excluding just the necessary code will follow:</p> <p><a href="http://www.antaw.de/Bewerbung2" rel="nofollow">Example</a></p> <p>And here's one without overflow:hidden</p> <p><a href="http://www.antaw.de/be" rel="nofollow">Example 2</a></p> <p><strong>Edit #2</strong></p> <p>I have no idea why, but suddenly it works.</p> <p>I applied <code>overflow: hidden</code> to <code>body</code> and then used the following script to scroll to an element by specify it's id. All good. Many thanks to lukasgeiter, who mentioned this issue.</p> <p><strong>Script</strong></p> <pre><code>function scroll(target){ // target should be like "#id" $('html, body').animate({ scrollTop: $(target).offset().top }, 500); } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSprottenwels
    1. USSprottenwels
    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
    1. VO
      singulars
      1. PODisable scrolling just for user
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PODisable scrolling just for user
      1. USSprottenwels
      1. VTFavorite
    3. VO
      singulars
      1. PODisable scrolling just for user
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COchecked the CSS of the link you provided.. There is `overflow: hidden`.. (div#video_jwplayer_display)
      singulars
      1. PODisable scrolling just for user
      1. USMr_Green
    2. CO@Mr_Green no the relevant `overflow: hidden` is on `html`
      singulars
      1. PODisable scrolling just for user
      1. USlukasgeiter
    3. CO@lukasgeiter yes that is true... but it is being applied even to `div#video_jwplayer_display` right? (my way of saying was different, poor english) :)
      singulars
      1. PODisable scrolling just for user
      1. USMr_Green
 

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