browser_jquery와 함께 이동하는 Tmall 제품 세부정보와 유사한 샘플 코드

이 기능을 사용하려면 jquery 패키지에 통합해야 합니다

원리: 브라우저가 지정된 위치로 이동하면 레이어가 위로 떠오르고 그 다음 스타일을 추가하여 div 레이어가 상단에 위치하도록 합니다. 브라우저

코드 복사 코드는 다음과 같습니다.

//디스플레이 제어 헤드 장바구니
function fixshow( min_height){
min_height ? min_height = min_height = 830;
$(window).scroll(function(){
var s = $(window). scrollTop();
if( s > min_height){
$("#proBuyTip").fadeIn(100)
$(".fixtabwrap").addClass("topfixed"); 🎜>}else{
$ ("#proBuyTip").fadeOut(200)
$(".fixtabwrap").removeClass("topfixed")
});
};

코드 복사 코드는 다음과 같습니다.

.topfixed {

위치: 중요;
왼쪽: 0px;
너비: 100%; 색상: 흰색;
위치: 절대;
_top: 표현식(eval(document.documentElement.scrollTop))