Databases
StackOverflow2013
Postsdbo
POjQuery scroll not positioning well
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery scroll not positioning well
    primarykey
    data
    text
    <p>I´m trying to make a scrolling effect on the page, the scroll makes a smooth effect but it miss the real position of the items, and start to bug after a few position clicks.</p> <p>For example if you click on the last item it goes there, but after that if you click on the third the scroll goes to top (?). so I think i´m missing something here. <strong>anybody knows how to correct the problem?</strong></p> <p>this is my markup:</p> <pre><code> &lt;div id="sidebar" class="clearfix"&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="#one" class="scroll"&gt;Muscles - Girls Crazy Go!&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#two" class="scroll"&gt;Tokyo Youth sports&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#three" class="scroll"&gt;Harajuku Interviews&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#four" class="scroll"&gt;Tokyo Youth&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p>Div to scroll example:</p> <pre><code> &lt;div class="cinematography_box clearfix" id="two"&gt; &lt;div class="cinematography_item"&gt; &lt;img src="img/cinematography.jpg" alt="cinematography" width="700" height="397"&gt; &lt;/div&gt; &lt;div class="cinematography_info"&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>and my script:</p> <pre><code> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('#main').animate({scrollTop:$(this.hash).offset().top}, 500); }); }); </code></pre> <p>I´m trying to do this without a plugin so if there is a solution with this code it would be better!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. UScodek
    1. UScodek
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    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. POjQuery scroll not positioning well
      1. UScodek
      1. VTBountyStart
    2. VO
      singulars
      1. POjQuery scroll not positioning well
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POjQuery scroll not positioning well
      1. USGgicci
      1. VTFavorite
    1. COpossible duplicate of [Scroll to section by clicking list](http://stackoverflow.com/questions/15005891/scroll-to-section-by-clicking-list)
      singulars
      1. POjQuery scroll not positioning well
      1. USDonal Fellows
    2. CO@diego, in what way are the current answers not detailed enough? Please provide more information so the users here can have a better understanding of how to answer.
      singulars
      1. POjQuery scroll not positioning well
      1. USSamuel Liew
    3. COThe answer of mddw is detailed and complete, it was the answers before that weren't detailed enough :)
      singulars
      1. POjQuery scroll not positioning well
      1. UScodek
 

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