Databases
StackOverflow2013
Postsdbo
POanimated autoscroll to div onclick
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POanimated autoscroll to div onclick
    primarykey
    data
    text
    <p>I have a simple menu with fixed position and some text inside it and some boxes under this menu(divs). I'm searching for a code that when I click on one of the texts that inside menu the page autoscrolls to a div of the divs down, indeed I found this code but it's incomplete because when the page autoscroll to a div if you want the page to scroll to another div up to this div it can't autoscroll, I mean it doesn't scroll up only scrolls down. The code of the menu and the text:</p> <pre><code>&lt;style&gt; #menu { background-color: #ccc; position:fixed; width:100% } .menutext { padding:25 40 0 !important; display:inline-block; } .alldivs { width:300px; height:200px; background-color:a9a9a9; } &lt;/style&gt; &lt;div id="menu"&gt; &lt;div class="menutext"&gt;Auto-scroll to (DIV1) onclick on me&lt;/div&gt; &lt;div class="menutext"&gt;Auto-scroll to (DIV2) onclick on me&lt;/div&gt; &lt;div class="menutext"&gt;Auto-scroll to (DIV3) onclick on me&lt;/dive&gt; &lt;div class="menutext"&gt;Auto-scroll to (DIV4) onclick on me&lt;/div&gt; &lt;/div&gt; &lt;br&gt;&lt;br&gt;&lt;br&gt; &lt;div class="alldivs"&gt;&lt;div id="DIV1"&gt;DIV1&lt;/div&gt;&lt;/div&gt; &lt;div class="alldivs"&gt;&lt;div id="DIV2"&gt;DIV2&lt;/div&gt;&lt;/div&gt; &lt;div class="alldivs"&gt;&lt;div id="DIV3"&gt;DIV3&lt;/div&gt;&lt;/div&gt; &lt;div class="alldivs"&gt;&lt;div id="DIV4"&gt;DIV4&lt;/div&gt;&lt;/div&gt; </code></pre> <p>Simply, I want when I press on "Auto-scroll to (DIV1) onclick on me" the page autoscroll to the div "DIV1" and when I press on "Auto-scroll to (DIV3) onclick on me" the page autoscroll to "DIV3" BUT NOTE THAT*** WHEN I WANT TO SCROLL UP TO A DIV UP THE CODE ABLE TO DO THAT(TO SCROLL UP), for example:when I press on "Auto-scroll to (DIV3) onclick on me" the page scrolls to "DIV3" but then when I press to "Auto-scroll to (DIV2) onclick on me" the code should be able to let the page scrolls to "DIV2".(also note that it's fixed menu)</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USXenolithic
    1. USAbdallah Barghouti
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    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. POanimated autoscroll to div onclick
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POanimated autoscroll to div onclick
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    3. VO
      singulars
      1. POanimated autoscroll to div onclick
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. CODo you have any more requirements?
      singulars
      1. POanimated autoscroll to div onclick
      1. USEli
 

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