jQuery 스크롤 막대와 함께 스크롤 효과(내용 페이지 긴 글용)
1080 단어 jquery
내용 페이지가 비교적 길 때 사이트 오른쪽은 줄곧 공백이다. 차라리 쓸모 있는 것을 사용자에게 보여주는 것이 낫다. 광고를 넣지 않는 것이 가장 좋다. 왜냐하면 그것은 매우 사악하기 때문이다. 너는 알잖아.
알겠습니다. 어제 이 글을 썼습니다. jQuery는 수동 블록을 스크롤합니다. 코드는 다음과 같습니다.
//
var rollStart = $('.feed-mail'), //
rollOut = $('.cookie-list'); // rollStart
rollStart.before('<div class="da_rollbox"></div>');
var offset = rollStart.offset(),objWindow = $(window),rollBox = rollStart.prev(),
rollSet = $('.search,.weibo,.group'); // rollStart
objWindow.scroll(function() {
if (objWindow.scrollTop() > offset.top){
if(rollBox.html(null)){
rollSet.clone().prependTo('.da_rollbox');
}
rollOut.fadeOut();
rollBox.show().stop().animate({marginTop: objWindow.scrollTop() - offset.top + 20},400);
} else {
rollOut.fadeIn();
rollBox.hide().stop().animate({marginTop:0},400);
}
});
코드에 완전한 주석이 있습니다. 몇 개의class나 id만 쓰면 됩니다. (id가 아닌 것이 좋습니다. w3c는 id를 중복 사용할 수 없다고 규정합니다.)
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
