通过javascript部分加载页面?

时间:2015-07-27 16:02:18

标签: javascript dom

我猜这个主题已有帖子,但我找不到任何搜索字词,例如:“load page partial javascript”,“content loading javascript”等。

我的问题是如何加载页面以不显示100%的内容,而是加载它,例如,滚动时。

示例:https://chrome.google.com/webstore/category/extensions?hl=de

我现在不需要有人编写代码,如果有人刚刚有这方面的教程或类似内容,我将非常感谢。

1 个答案:

答案 0 :(得分:0)

我这样做的方法是使用javascript和JQuery的组合。像这样:

window.onScroll = checkScroll(event);

function checkScroll(event)
{
  position = $(window).scrollTop();  
  /* note the () are necessary to obtain a value that represents 
    the page vertical position, otherwise you will be just sending 
    the browser to the top, like a refresh */
  if (position == 1000)  /* some pre-determined vertical position */
  {
    $(#AnchorDiv).append(htmlString);
    /* Where AnchorDiv is the id of the element where you want to 
    insert new code, and htmlString is a javascript string which contains 
    the new HTML block.*/
  }
}

注意:您也可以使用Jquery的.position方法来获取元素的位置,而不是像我在1000示例中那样对其进行硬编码。

我希望这会有所帮助。我很想知道它是如何运作的 - 和/或其他人如何回答这个问题 - 和/或你找到另一个好的工作替代方案。