当前位置:  开发笔记 > 前端 > 正文

除非页面向下滚动超过某一点,否则我怎么能有一个不移动的滑动菜单div

如何解决《除非页面向下滚动超过某一点,否则我怎么能有一个不移动的滑动菜单div》经验,为你挑选了1个好方法。

我有一个菜单div,我想向下滑动,所以它总是可见的,但我希望它位于我的标题div下面.我不希望它移动,直到菜单顶部到达屏幕顶部然后保持原位.基本上我想要一个滑动菜单,它可以滑动到最大高度.



1> jaacob..:

我想我明白你在谈论什么 - 我们在The King上使用类似的技术和jQuery.这是如何做:

///// CONFIGURATION VARIABLES:

var name                = "#rightsidebar";
var menu_top_limit      = 241;
var menu_top_margin     = 20;
var menu_shift_duration = 500;
var menuYloc = null;
///////////////////////////////////

$(window).scroll(function() 
{ 
    // Calculate the top offset, adding a limit
    offset = menuYloc + $(document).scrollTop() + menu_top_margin;

    // Limit the offset to 241 pixels...
    // This keeps the menu out of our header area:
    if(offset < menu_top_limit)
        offset = menu_top_limit;

    // Give it the PX for pixels:
    offset += "px";

    // Animate:
    $(name).animate({top:offset},{duration:menu_shift_duration,queue:false});
});

(编写此代码的@soyrex的帽子提示.)

推荐阅读
贾志军
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有