Question

我有一个包含四个部分的单页网站：

<section id=“4”>
<section id=“3”>
<section id=“2”>
<section id=“1”>

我想在向上滚动时改变顺序（滚动是反向的，你不能向下滚动）。像这样：

<section id=“1”>
<section id=“4”>
<section id=“3”>
<section id=“2”>

任何人都可以给我一个如何做的技巧吗？

Answer 1

不是最佳答案，而是您问题的解决方案：

＆＃13;

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // code when scrolled down
   } else {
      $("#content").html('');
     $("#content").html(' <section id="1"></section><section id="4"></section><section id="3"></section><section id="2"></section>');
    
   }
   lastScrollTop = st;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content" style="min-height:1220px">
  <section id="4"></section>
<section id="3"></section>
<section id="2"></section>
<section id="1"></section>
  </div>

＆＃13;

Answer 2

只需拥有<div onscroll="reorder()">并使用此StackOverflow页面上的解决方案： change order divs with jQuery

动态重新排序部分

2 个答案: