서브메뉴 스크롤
본문
답변 1
id 는 어디에들어가야하는지;;
id가 어디 들어간다(?)는 말씀의 의미가 잘 이해가 안되는데요.
현재 질문자님의 사이트에서는 카테고리 전체의 id는 leftmenu네요.
제이쿼리 부분에서
$('#floatL').scrollFollower({
부분에서
$('#leftmenu').scrollFollower({
로 바꾸어서 적용하시면 되겠죠.
한번해보겠습니다.
<script>
(function($) {
var $doc = $(document);
var $win = $(window);
$(#leftmenu).scrollFollower = function (options){
var options = $.extend({}, $(#leftmenu).scrollFollower.defaults, options);
if (options.pageWidth)
var pageWidth = parseInt(options.pageWidth);
else
{
alert('pageWidth는 필수 옵션값입니다.');
return false;
}
var $layer = $(this);
var varType = options.varType;
var pageAlign = options.pageAlign;
var offset = pageWidth/2;
var layerPositon = options.type;
var margin = parseInt(options.margin);
var speed = parseInt(options.speed);
var easing = options.easing;
var topMargin = parseInt(options.topMargin);
var minTop = parseInt(options.minTop);
var marginResult = offset + margin;
var settedtop = topMargin + minTop;
$layer.css('z-index', options.zindex);
$layer.css("position","absolute");
if (layerPositon === 'left')
varType = 'right';
function resetXPosition()
{
if (pageAlign === 'center')
{
var $screenSize = $('body').width();
var halfScreenSize = $screenSize/2;
xPosition = halfScreenSize + marginResult;
}
else if (pageAlign === 'left')
{
varType = 'left';
xPosition = pageWidth + margin;
}
$layer.css(varType, xPosition);
}
resetXPosition();
$layer.css('top',topMargin);
$win.resize(resetXPosition);
$win.scroll(function(){
$top = $doc.scrollTop();
if ($top > settedtop)
yPosition = $top + minTop;
else if ($top < topMargin)
yPosition = topMargin;
$layer.animate({"top":yPosition }, {duration:speed, easing:easing, queue:false});
});
};
$.fn.scrollFollower.defaults = {
varType:'left',
pageAlign:'left',
type:'left',
topMargin:0,
minTop:0,
margin:0,
speed:1000,
easing:'linear',
zindex:10
};
})( jQuery );
</script>
이런식으로줬습니다.
그 내용 말고요. 위에 말씀드린 사이트에 첨부파일 있습니다. 거기에서 demo1.html파일 이용하시면 편할 겁니다.
오 그냥다르게하니깐되네여 ㅋㅋㅋㅋ
