따라다니는 베너 작성중입니다. 채택완료
디자인아루즈
1년 전
조회 1,605
왜 적용이 안되는지 궁금합니다.
https://woosungent.com/index2.php
</p>
<p>html</p>
<pre tabindex="0">
<code data-lang="htmlmixed" id="actual-html-code"><script type="text/javascript" src="<a href="http://code.jquery.com/jquery-2.1.4.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-2.1.4.js"></script></a>
<body>
<div class="sideBanner">
<span class="txt-label">
Banner Data...
</span>
</div>
</body></code></pre>
<p>css</p>
<pre tabindex="0">
<code data-lang="css" id="actual-css-code">body { height: 2000px; }
.sideBanner {
position: absolute;
width: 150px;
height: 200px;
top: 50px;
background-color: #999900;
color: #fffffff;
}</code></pre>
<p> </p>
<p><code data-lang="css">js</code></p>
<pre tabindex="0">
<code data-lang="javascript" id="actual-js-code">// 기본 위치(top)값
var floatPosition = parseInt($(".sideBanner").css('top'))
// scroll 인식
$(window).scroll(function() {
// 현재 스크롤 위치
var currentTop = $(window).scrollTop();
var bannerTop = currentTop + floatPosition + "px";
//이동 애니메이션
$(".sideBanner").stop().animate({
"top" : bannerTop
}, 500);
}).scroll();</code></pre>
<p><code data-lang="javascript">
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
답변에 대한 댓글 1개
�
들레아빠
1년 전
채택 감사 합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인