1

所以，标题有点宽泛。我有这个功能，在鼠标/页面滚动（页面向下约 88px）时，“菜单将更改为静态位置，因此它保持在浏览器窗口的顶部......

很像这样...对不起，我的 HTML 在一个框架中，无法轻松共享。 http://www.1stwebdesigner.com/wp-content/uploads/2010/06/nagging-menu-with-css3-and-jquery/index.html

但是，我的并没有做任何花哨的事情（不像上面的演示那样）。我希望我的 ot 延迟一点然后滑下来。有点像演示。

这是我的 jQuery 函数……有人吗？

var div = $('#wizMenuWrap');
var editor = $('#main_wrapper');
var start = $(div).offset().top;

$(function fixedPackage() {
    $(window).bind("scroll", function () {

        // If the modal is displayed, do nothing
        if ($('.modal').is(':visible'))
            return;

        var p = $(window).scrollTop();
        $(div).css('position', ((p) > start) ? 'fixed' : 'static');
        $(div).css('top', ((p) > start) ? '0px' : '');

        //Adds TOP margin to #main_wrapper (required)
        $(editor).css('position', ((p) > start) ? 'relative' : 'static');
        $(editor).css('top', ((p) > start) ? '88px' : '');
    });
});
4

1 回答 1

0

没有 HTML + CSS，没有人可以帮助您。你的JS很好。这是一个没有fadeIn和CSS的更简单的例子：

$(function() {
    var $scrollingDiv = $(".MyDivClass");   
    var $scrollingDivPos = $scrollingDiv.offset();

    $(window).scroll(function(){
        if($(this).scrollTop() > $scrollingDivPos.top+$scrollingDiv.height() && $scrollingDiv.css('position','relative')){
            $scrollingDiv.css({
                'position': 'fixed',
                'top': '5px',
                'z-index': '10'
            });
        } else if($(this).scrollTop() <= $scrollingDivPos.top && $scrollingDiv.css('position','fixed')){
            $scrollingDiv.css({
                'position': 'relative'
            });
        }
    });

});

于 2013-03-21T01:39:16.220 回答