로그인 회원가입

이전 목록 다음

채택완료

서브메뉴 스크롤

함께하자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 09:41:20 2,101

http://hoyamill.cafe24.com/

이홈페이지 서브메뉴 카테고리여 스크롤내릴때 같이 내려갈순없나여?

해결방안점 부탁드릴게여~~

서브메뉴 그누보드5 카테고리 스크롤

|

답변 1개 / 댓글 7개

채택된 답변

+20 포인트

port

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 10:24:58

http://blog.bits.kr/135

여기 참조해 보세요.

답변에 대한 댓글 7개

함께하자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 10:51:26

id 는 어디에들어가야하는지;;

port

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 10:57:27

id가 어디 들어간다(?)는 말씀의 의미가 잘 이해가 안되는데요.
현재 질문자님의 사이트에서는 카테고리 전체의 id는 leftmenu네요.
제이쿼리 부분에서
$('#floatL').scrollFollower({
부분에서
$('#leftmenu').scrollFollower({
로 바꾸어서 적용하시면 되겠죠.

함께하자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 10:57:52

한번해보겠습니다.

함께하자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 11:06:10

<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>

<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>

함께하자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 11:06:36

이런식으로줬습니다.

port

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 11:13:42

그 내용 말고요. 위에 말씀드린 사이트에 첨부파일 있습니다. 거기에서 demo1.html파일 이용하시면 편할 겁니다.

함께하자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-25 (수) 11:19:54

오 그냥다르게하니깐되네여 ㅋㅋㅋㅋ

답변을 작성하려면 로그인이 필요합니다.