Databases
StackOverflow2013
Postsdbo
PO.offset().top returning the wrong value
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO.offset().top returning the wrong value
    primarykey
    data
    text
    <p>I'm having a bizarre issue that I don't know how to solve and was wondering if you guys could help.</p> <p>A bit of background: I have been asked to create a system where subpages of a page in wordpress are loaded on the end of that page in an infinite scroll. This is working correctly. </p> <p>They also want the top nav links to load all content upto and including the page they clicked and then scroll to it. </p> <p>If I scroll down (loading the pages) and then click a top nav link the scroll works correctly. However if I load NO further pages before clicking one of the links, the pages will load, and the scroll will start, but will only get some of the way before stopping. This is due to an incorrect value being given by offset().top. My question is why ?</p> <pre><code>function ajaxloadnscroll(index) { //If the page has already been loaded then just scroll to it if (pages[index].loaded) { $('html, body').animate({ scrollTop: $("#" + pages[index].name).offset().top }, 2000); return; } //Loop through pages up to one clicked. for (i = 0; i &lt;= index; i++) { current = i; if (!pages[current].loaded) { $.ajax({ url: pages[i].url, async: false, context: document.body, success: function(data) { if (data) { $("#tempload").before(data); pages[current].loaded = true; if (current == index) { $('html, body').animate({ scrollTop: $("#" + pages[current].name).offset().top }, 2000); } } } }); } } //Increment current in order to load next page object on scroll. current++; return false; }​ </code></pre> <p>Any help you could give me on this issue would be really appreciated!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USjuan.facorro
    1. USHugo Firth
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO.offset().top returning the wrong value
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. PO.offset().top returning the wrong value
      1. This table or related slice is empty.
      1. VTUpMod
    1. COHow 'wrong' is it? Bear in mind that `offset()` returns the offset relative to the page/document, not relative to the offset-parent (`position()`).
      singulars
      1. PO.offset().top returning the wrong value
      1. USDavid Thomas
    2. COSignificantly - sometimes as much as 2000px off. Someone has pointed out that its calculating the offset before images etc... are loaded into the page, which will have a big effect. Is there a way round this ?
      singulars
      1. PO.offset().top returning the wrong value
      1. USHugo Firth
 

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