javascript - Bagaimana untuk melakukan tatal div tempatan dalam jq?

Question

<gaya>
.atas , .bawah{height:130px;background:#000;} .center{height:400px;overflow:hidden;position:relative;}
.center .box{width:100%;height :100%;kedudukan:mutlak;}
.tengah .kotak ul{limpahan:tersembunyi;}
.tengah .kotak li{latar belakang:merah;tinggi:400px;lebar:100%;}
</style>

<p class="top"></p>

<p class="center">
    <p class="box">
        <ul>
        <li></li>
        <li></li>
        </ul>
    </p>
</p>

<p class="bottom"></p>

Bagaimanakah jq melakukan penatalan separa ul li Tiada bar skrol boleh muncul di tengah. Juga pertimbangkan untuk menyekat acara bar skrol penyemak imbas.
Keperluan ialah: tatal dengan roda tetikus. li akan tatal ke bawah atau ke atas. Premisnya ialah tetikus saya berada di julat tengah di sini Acara skrol penyemak imbas boleh digunakan di luar julat, tetapi dilarang di dalam.

Answer 1

Gunakan acara skrol ini untuk mengawal kedudukan kotak.

Answer 2

Dapatkan arah tatal melalui acara tatal, dan laraskan kedudukan p melalui pengiraan program anda sendiri. Anda boleh menggunakan transform untuk css3 Jika css3 tidak disokong, gunakan kiri dan atas.

Answer 3

Balut p di lapisan luar dan tetapkan limpahan:tersembunyi untuk menutup bar skrol dalam sahaja.
Acara tatal tetikus. $('.center').on() bertindak balas kepada peristiwa tetikus dan kemudian menghalang menggelegak.