Jadual Kandungan
异步加载技术实现当滚动条到最底部的瀑布流效果,异步滚动条
Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项 aspnet中
利用JS,怎判断滚动条是否滚动到页面最底部
Rumah pembangunan bahagian belakang tutorial php 异步加载技术实现当滚动条到最底部的瀑布流效果,异步滚动条_PHP教程

异步加载技术实现当滚动条到最底部的瀑布流效果,异步滚动条_PHP教程

Jul 13, 2016 am 10:18 AM
Pemuatan tak segerak bar skrol aliran air terjun

异步加载技术实现当滚动条到最底部的瀑布流效果,异步滚动条

异步加载技术实现瀑布流效果。当滚动条到最底部的时候触发一个事件,这个事件写入$.get()事件,向内部程序页传递类别id和页码,程序将会返回那个类别下的相对页的产品列表,如果程序查询当前类无产品即返回空。

滚动条事件要写在window.onscroll中才有效判断。如下:

window.onscroll=function(){<br>    
// var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;
var tops = $(document).scrollTop(); //获取滚动条的位置
var sctop = $(document).height()-$(window).height();
var id = $("#ajax_claid").val();
if(!id){
id=8;
}
$("#ajax_p").val(tops);
if(tops>=sctop)//成立说明滚动条已在最底部
{
var b=$("#ajax_p").val();
if(b>a){
page=page+1;//传递页码
}
var Url = "aja_pro/"+id+"/"+page;//程序页面,查询信息返回数据,直接返回带html的信息。

$.get(Url,function(data){
$("#aja_jia").append(data);
});

}
};
Salin selepas log masuk

Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项 aspnet中

这里有一个lazyload即延迟加载效果
拖动滚动条可以加载显示的数据
里面有教程和源码
参考资料:www.blueidea.com/...=11641
 

利用JS,怎判断滚动条是否滚动到页面最底部

改成这样就可以兼容 IE和chrome

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/879724.htmlTechArticle异步加载技术实现当滚动条到最底部的瀑布流效果,异步滚动条 异步加载技术实现瀑布流效果。当滚动条到最底部的时候触发一个事件,这...
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Berurusan secara berkesan dengan situasi di mana jQuery .val() tidak berfungsi Berurusan secara berkesan dengan situasi di mana jQuery .val() tidak berfungsi Feb 20, 2024 pm 09:36 PM

Tajuk: Kaedah dan contoh kod untuk menyelesaikan jQuery.val() tidak berfungsi Dalam pembangunan bahagian hadapan, jQuery sering digunakan untuk mengendalikan elemen halaman. Antaranya, mendapatkan atau menetapkan nilai elemen bentuk adalah salah satu operasi biasa. Biasanya, kami menggunakan kaedah .val() jQuery untuk beroperasi pada nilai elemen bentuk. Walau bagaimanapun, kadangkala anda menghadapi situasi di mana jQuery.val() tidak berfungsi, yang mungkin menyebabkan beberapa masalah. Artikel ini akan memperkenalkan cara menangani jQuery.val(

Cara menetapkan bar skrol agar sentiasa dipaparkan pada sistem Mac - Cara menetapkan bar skrol agar sentiasa dipaparkan Cara menetapkan bar skrol agar sentiasa dipaparkan pada sistem Mac - Cara menetapkan bar skrol agar sentiasa dipaparkan Mar 18, 2024 pm 06:22 PM

Baru-baru ini, beberapa rakan telah merujuk kepada editor tentang cara menetapkan bar skrol sistem Mac untuk sentiasa dipaparkan . Langkah 1: Dalam menu mula sistem, pilih pilihan [System Preferences]. Langkah 3: Pada halaman Keutamaan Sistem, pilih pilihan [Umum]. Langkah 3: Pada halaman umum, pilih [Sentiasa] untuk memaparkan bar skrol.

Cara membaca html Cara membaca html Apr 05, 2024 am 08:36 AM

Walaupun HTML sendiri tidak boleh membaca fail, pembacaan fail boleh dicapai melalui kaedah berikut: menggunakan JavaScript (XMLHttpRequest, fetch()); menggunakan bahasa sebelah pelayan (PHP, Node.js menggunakan perpustakaan pihak ketiga (jQuery. get() , axios, fs-extra).

c# Apakah itu delegasi dan apakah masalah yang diselesaikannya? c# Apakah itu delegasi dan apakah masalah yang diselesaikannya? Apr 04, 2024 pm 12:42 PM

Perwakilan ialah jenis rujukan selamat jenis yang digunakan untuk menghantar penunjuk kaedah antara objek untuk menyelesaikan masalah pengaturcaraan tak segerak dan pengendalian acara: Pengaturcaraan tak segerak: Perwakilan membenarkan kaedah dilaksanakan dalam urutan atau proses yang berbeza, meningkatkan responsif aplikasi. Pengendalian acara: Perwakilan memudahkan pengendalian acara, membenarkan acara seperti klik atau pergerakan tetikus dibuat dan dikendalikan.

Mod pengoptimuman utama untuk meningkatkan kelajuan tapak web, setiap pembangun bahagian hadapan mesti menguasai! Mod pengoptimuman utama untuk meningkatkan kelajuan tapak web, setiap pembangun bahagian hadapan mesti menguasai! Feb 02, 2024 pm 05:36 PM

Perkara yang mesti dimiliki oleh pembangun bahagian hadapan: kuasai mod pengoptimuman ini dan buat tapak web anda terbang! Dengan perkembangan pesat Internet, laman web telah menjadi salah satu saluran penting untuk promosi dan komunikasi korporat. Tapak web yang berprestasi baik, memuatkan pantas bukan sahaja meningkatkan pengalaman pengguna, tetapi juga menarik lebih ramai pelawat. Sebagai pembangun bahagian hadapan, adalah penting untuk menguasai beberapa corak pengoptimuman. Artikel ini akan memperkenalkan beberapa teknik pengoptimuman bahagian hadapan yang biasa digunakan untuk membantu pembangun mengoptimumkan tapak web mereka dengan lebih baik. Fail termampat Dalam pembangunan laman web, jenis fail yang biasa digunakan termasuk HTML, CSS dan J

Cara mengodkan kotak teks bar skrol HTML Cara mengodkan kotak teks bar skrol HTML Feb 19, 2024 pm 07:38 PM

Tajuk: Cara menulis kod kotak teks HTML dengan bar skrol Kotak teks dalam HTML ialah salah satu kawalan input pengguna yang biasa digunakan Dalam sesetengah kes, apabila kandungan teks terlalu panjang, kotak teks akan dipaparkan tidak lengkap. Pada masa ini, kita boleh menambah bar skrol pada kotak teks untuk menyokong penatalan. Artikel ini akan memperkenalkan secara terperinci cara menulis kod kotak teks HTML dengan kesan bar skrol, dan memberikan contoh kod khusus. 1. Gunakan elemen textarea untuk mencipta kotak teks Dalam HTML, kami menggunakan elemen textarea untuk mencipta kotak teks.

Bagaimana untuk membuat bar skrol html Bagaimana untuk membuat bar skrol html Feb 22, 2024 pm 03:24 PM

Cara membuat bar skrol HTML memerlukan contoh kod khusus Dalam reka bentuk web, bar skrol adalah elemen biasa yang membolehkan halaman web mudah ditatal apabila terdapat terlalu banyak kandungan. Artikel ini akan memperkenalkan cara membuat bar skrol menggunakan HTML dan memberikan contoh kod khusus. Pertama, kita perlu memahami prinsip asas mencipta bar skrol dalam HTML. Gaya CSS boleh digunakan dalam HTML untuk mengawal penampilan dan kelakuan bar skrol. Secara khusus, kita boleh menggunakan sifat CSS untuk menetapkan bar skrol termasuk sifat yang biasa digunakan

Bagaimana untuk mengelakkan pengalihan halaman dalam WordPress? Bagaimana untuk mengelakkan pengalihan halaman dalam WordPress? Mar 05, 2024 am 09:33 AM

Bagaimana untuk mengelakkan pengalihan halaman dalam WordPress? Dalam pembangunan laman web, kadangkala kami ingin melaksanakan tetapan bukan lompat halaman dalam WordPress, iaitu semasa operasi tertentu, kandungan halaman boleh dikemas kini tanpa menyegarkan keseluruhan halaman. Ini meningkatkan pengalaman pengguna dan menjadikan tapak web lebih lancar. Seterusnya, kami akan berkongsi cara melaksanakan tetapan bukan lompat halaman dalam WordPress dan memberikan contoh kod khusus. Pertama, kita boleh menggunakan Ajax untuk menghalang halaman daripada melompat. Ajax

See all articles