Question

我使用以下代码将1添加到js变量。但它总是显示相同的结果。

的javascript

$(window).scroll(function() {
  var lmp = 5,
      lma = 0;
       if($(document).height() - 50 <= $(window).scrollTop() + $(window).height()) {
          $('.div').append('<div></div><div></div><div></div><div></div><div></div>');
         lmp++;
         lma++;
       console.log(lmp +" : "+ lma);  
       }
   });

jsfiddle： - https://jsfiddle.net/n75epL5u/ 检查控制台的搜索结果

Answer 1

声明滚动事件的变量在之外。否则，您将在每个滚动条上初始化它们。

var lmp = 5, lma = 0;
$(window).scroll(function() {
  if ($(document).height() - 50 <= $(window).scrollTop() + $(window).height()) {
    $('.div').append('<div></div><div></div><div></div><div></div><div></div>');
    lmp++;
    lma++;
    console.log(lmp + " : " + lma);
  }
});

Answer 2

您的代码无效的原因？

每次滚动变量时都会声明。

<强>解决方案

将变量声明移到函数外部。

<?php

    $query = "SELECT * FROM posts WHERE post_category_id=1";
    $select_all_posts_query = mysqli_query($connection, $query);

      while($row = mysqli_fetch_assoc($select_all_posts_query)){
            $post_id = $row['post_id'];
            $post_title = $row['post_title'];
            $post_author = $row['post_author'];
            $post_date = $row['post_date'];
            $post_image = $row['post_image'];
            $post_content = $row['post_content'];
?>

<强> Fiddle Demo

Answer 3

请将您的变量移到滚动事件处理程序之外。此外，最好将代码包装在匿名函数中，以便它不会污染全局命名空间...

;(function() {
   var lmp = 5, lma = 0;

   $(window).scroll(function() {
       if ($(document).height() - 50 <= $(window).scrollTop() + $(window).height()) {
       $('.div').append('<div></div><div></div><div></div><div></div><div></div>');
       lmp++;
       lma++;
       console.log(lmp + " : " + lma);
   });
}());

页面添加1，滚动到底部

3 个答案: