목차
异步加载技术实现当滚动条到最底部的瀑布流效果,异步滚动条
Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项 aspnet中
利用JS,怎判断滚动条是否滚动到页面最底部
백엔드 개발 PHP 튜토리얼 异步加载技术实现当滚动条到最底部的瀑布流效果,异步滚动条_PHP教程

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

Jul 13, 2016 am 10:18 AM
비동기 로딩 스크롤바 폭포 흐름

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

异步加载技术实现瀑布流效果。当滚动条到最底部的时候触发一个事件,这个事件写入$.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);
});

}
};
로그인 후 복사

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

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

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

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

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/879724.htmlTechArticle异步加载技术实现当滚动条到最底部的瀑布流效果,异步滚动条 异步加载技术实现瀑布流效果。当滚动条到最底部的时候触发一个事件,这...
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

jQuery .val()이 작동하지 않는 상황을 효과적으로 처리합니다. jQuery .val()이 작동하지 않는 상황을 효과적으로 처리합니다. Feb 20, 2024 pm 09:36 PM

제목: jQuery.val()이 작동하지 않는 문제를 해결하기 위한 방법 및 코드 예제 프런트엔드 개발에서 jQuery는 페이지 요소를 조작하는 데 자주 사용됩니다. 그 중 양식 요소의 값을 가져오거나 설정하는 것은 일반적인 작업 중 하나입니다. 일반적으로 우리는 jQuery의 .val() 메서드를 사용하여 양식 요소 값을 처리합니다. 그러나 때때로 jQuery.val()이 작동하지 않는 상황이 발생하여 일부 문제가 발생할 수 있습니다. 이 기사에서는 jQuery.val(

Mac 시스템에서 스크롤 막대가 항상 표시되도록 설정하는 방법 - 스크롤 막대가 항상 표시되도록 설정하는 방법 Mac 시스템에서 스크롤 막대가 항상 표시되도록 설정하는 방법 - 스크롤 막대가 항상 표시되도록 설정하는 방법 Mar 18, 2024 pm 06:22 PM

최근 일부 친구가 Mac 시스템의 스크롤 막대를 항상 표시하도록 설정하는 방법에 대해 편집자에게 문의했습니다. 다음은 Mac 시스템의 스크롤 막대가 항상 표시되도록 설정하는 방법을 알려드립니다. . 1단계: 시스템 시작 메뉴에서 [시스템 환경설정] 옵션을 선택합니다. 3단계: 시스템 환경설정 페이지에서 [일반] 옵션을 선택하세요. 3단계: 일반 페이지에서 [항상]을 선택하면 스크롤바가 표시됩니다.

HTML을 읽는 방법 HTML을 읽는 방법 Apr 05, 2024 am 08:36 AM

HTML 자체는 파일을 읽을 수 없지만 다음과 같은 방법으로 파일을 읽을 수 있습니다. JavaScript(XMLHttpRequest, fetch()) 사용; 서버 측 언어(PHP, Node.js) 사용; get() , axios, fs-extra).

C# 위임이란 무엇이며 어떤 문제를 해결합니까? C# 위임이란 무엇이며 어떤 문제를 해결합니까? Apr 04, 2024 pm 12:42 PM

위임은 비동기 프로그래밍 및 이벤트 처리 문제를 해결하기 위해 객체 간에 메소드 포인터를 전달하는 데 사용되는 유형이 안전한 참조 유형입니다. 비동기 프로그래밍: 위임을 사용하면 메소드가 다른 스레드 또는 프로세스에서 실행될 수 있으므로 애플리케이션 응답성이 향상됩니다. 이벤트 처리: 대리자는 클릭이나 마우스 이동과 같은 이벤트를 생성하고 처리할 수 있도록 하여 이벤트 처리를 단순화합니다.

웹 사이트 속도를 향상시키는 핵심 최적화 모드, 모든 프런트엔드 개발자가 마스터해야 합니다! 웹 사이트 속도를 향상시키는 핵심 최적화 모드, 모든 프런트엔드 개발자가 마스터해야 합니다! Feb 02, 2024 pm 05:36 PM

프런트엔드 개발자의 필수품: 최적화 모드를 마스터하고 웹사이트를 멋지게 만드세요! 인터넷의 급속한 발전과 함께 웹사이트는 기업 홍보와 커뮤니케이션의 중요한 채널 중 하나로 자리 잡았습니다. 성능이 좋고 로딩 속도가 빠른 웹사이트는 사용자 경험을 향상시킬 뿐만 아니라 더 많은 방문자를 유치합니다. 프런트엔드 개발자로서 몇 가지 최적화 패턴을 익히는 것이 중요합니다. 이 기사에서는 개발자가 웹 사이트를 더 잘 최적화하는 데 도움이 되도록 일반적으로 사용되는 몇 가지 프런트 엔드 최적화 기술을 소개합니다. 압축 파일 웹 사이트 개발에서 일반적으로 사용되는 파일 형식에는 HTML, CSS 및 J가 포함됩니다.

HTML 스크롤 막대 텍스트 상자 코드를 작성하는 방법 HTML 스크롤 막대 텍스트 상자 코드를 작성하는 방법 Feb 19, 2024 pm 07:38 PM

제목: 스크롤 막대를 사용하여 HTML 텍스트 상자 코드를 작성하는 방법 HTML의 텍스트 상자는 일반적으로 사용되는 사용자 입력 컨트롤 중 하나입니다. 경우에 따라 텍스트 내용이 너무 길면 텍스트 상자가 불완전하게 표시됩니다. 이때 스크롤을 지원하기 위해 텍스트 상자에 스크롤 막대를 추가할 수 있습니다. 이 기사에서는 스크롤 막대 효과를 사용하여 HTML 텍스트 상자 코드를 작성하는 방법을 자세히 소개하고 구체적인 코드 예제를 제공합니다. 1. textarea 요소를 사용하여 텍스트 상자를 만듭니다. HTML에서는 textarea 요소를 사용하여 텍스트 상자를 만듭니다.

HTML 스크롤 막대를 만드는 방법 HTML 스크롤 막대를 만드는 방법 Feb 22, 2024 pm 03:24 PM

HTML 스크롤 막대를 만드는 방법에는 특정 코드 예제가 필요합니다. 웹 디자인에서 스크롤 막대는 콘텐츠가 너무 많을 때 웹 페이지를 쉽게 스크롤할 수 있도록 하는 일반적인 요소입니다. 이 문서에서는 HTML을 사용하여 스크롤 막대를 만드는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 HTML에서 스크롤 막대를 만드는 기본 원리를 이해해야 합니다. CSS 스타일은 HTML에서 스크롤 막대의 모양과 동작을 제어하는 ​​데 사용할 수 있습니다. 특히 CSS 속성을 사용하여 스크롤 막대를 설정할 수 있습니다. 일반적으로 사용되는 속성에는 o가 있습니다.

WordPress에서 페이지 리디렉션을 방지하는 방법은 무엇입니까? WordPress에서 페이지 리디렉션을 방지하는 방법은 무엇입니까? Mar 05, 2024 am 09:33 AM

WordPress에서 페이지 리디렉션을 방지하는 방법은 무엇입니까? 웹사이트 개발 시 WordPress에서 페이지 비점프 설정을 구현하고 싶을 때가 있습니다. 즉, 특정 작업 중에 전체 페이지를 새로 고치지 않고도 페이지 콘텐츠를 업데이트할 수 있습니다. 이를 통해 사용자 경험이 향상되고 웹사이트가 더 부드러워집니다. 다음으로 WordPress에서 페이지 비점프 설정을 구현하는 방법을 공유하고 구체적인 코드 예제를 제공하겠습니다. 먼저 Ajax를 사용하여 페이지가 점프하는 것을 방지할 수 있습니다. 아약스

See all articles