<div id="menuContainer">

  <div id="menu">

    <ul>

      <li>menu1</li>

      <li>menu2</li>

    </ul>

  </div>

  <div> ...長內容.... </div>

</div>

        var __ContainerHeight = 5000;

        var __ContainerTop = 160;

        var __MenuHeight = 550;

        var __FixedTop = 20;



        $(window).load(function () {



            __ContainerHeight = $("#menuContainer").height();

            __ContainerTop = $("#menuContainer").offset().top;

            __MenuHeight = $("#menu").height();



            $("#menu").css({ "top": __FixedTop + "px", "position": "absolute" });

            $(window).scroll(function () {

                var scrolls = $(this).scrollTop();

                //console.log(scrolls);

                if (scrolls < __ContainerTop) {

                    $("#menu").css({ "top": __FixedTop + "px", "position": "absolute" });

                }

                else if ((scrolls + __MenuHeight + __FixedTop) > (__ContainerHeight + __ContainerTop)) {

                    $("#menu").css({ "top": (__ContainerHeight - __MenuHeight) + "px", "position": "absolute" });

                }

                else {

                    $("#menu").css({ "top": __FixedTop + "px", "position": "fixed" });

                }

            });



        });

前台要引用

<!--AutoScripts S-->PageShift2<!--AutoScripts E-->

<!--AutoCSS S-->2013UI/PageShift<!--AutoCSS E-->



內文架構要有

<div id="PageShift2" class="page-index"></div>

<script>

        $('#PageShift2').PageShift2({

            PageIndex: 1,

            PageMAX: 10,

            TriggerEvent: ChangePage

        });

        function ChangePage(PageIndex) {

            console.log(PageIndex);

        }

</script>

    function setPlaceholder(e) {

        var placeholder = $(this).attr('placeholder');

        if ($(this).val().length == 0) {

            $(this).css("color", "#b2b2b2").val(placeholder);

        }



        $(this).focus(function (e) {

            if ($(this).val() == placeholder) { $(this).css("color", "#666").val(""); }

        });



        $(this).blur(function (e) {

            if ($(this).val().length == 0) { $(this).css("color", "#b2b2b2").val(placeholder); }

        });

    }



    if (Is_LTE_IE9) {

        $('input[placeholder]').each(setPlaceholder);

        $('textarea[placeholder]').each(setPlaceholder);

    }