Question

我正在建立一个网站（一页），当你向下滚动时，第二页滚动到第一页。第二页的背景颜色有点透明（0.9），所以你仍然可以看到第一页。

我希望第一页上带有文字的div和第二页滚动到第一页时额外的类，这样我就可以让文字和徽标消失。

请不要判断网站的其他部分，它仍在建设中;）

我尝试使用jQuery的inview函数，但由于绝对位置，第一页实际上并不在视口之外。

如果有人可以帮助我，谢谢！

Answer 1

我在doc中发现了一个接收nextIndex值的onLeave事件：

    $('#fullpage').fullpage({
        anchors: ['home', 'work', 'contact'],
        onLeave: function(index, nextIndex, direction){
            if(nextIndex === 1) {
                  $('body').removeClass('foo');
            } else {
                  $('body').addClass('foo');
            }
        }
    });

这将在第2,3页上添加foo类......并在第一页上删除它。

建议：而不是：

    <script type="text/javascript">
        $(document).ready(function() {
            $('#fullpage').fullpage({
                anchors: ['home', 'work', 'contact'],
            });
        });
    </script>
    <script src="js/formvalidation.js"></script>
    <script src="http://use.typekit.net/mye6dqa.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>
    <script>
    required.add('Full_Name','NOT_EMPTY','Full Name');
    required.add('Email_Address','EMAIL','Email Address');
    required.add('Your_Message','NOT_EMPTY','Your Message');
    </script>
    <script>
            function getURLParameter(name) {
              return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
            } 
            var succesvar = getURLParameter("succesful");
    </script>

你可以这样做：

    <script src="js/formvalidation.js"></script>
    <script src="http://use.typekit.net/mye6dqa.js"></script>
    <script>
        $(document).ready(function() {
            $('#fullpage').fullpage({
                anchors: ['home', 'work', 'contact'],
            });
        });
        try{Typekit.load();}catch(e){}
        required.add('Full_Name','NOT_EMPTY','Full Name');
        required.add('Email_Address','EMAIL','Email Address');
        required.add('Your_Message','NOT_EMPTY','Your Message');
        function getURLParameter(name) {
              return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
            } 
            var succesvar = getURLParameter("succesful");
    </script>

或者使用其他文件：

    <script src="js/formvalidation.js"></script>
    <script src="http://use.typekit.net/mye6dqa.js"></script>
    <script src="js/main.js"></script>

使用js / main.js：

        $(document).ready(function() {
            $('#fullpage').fullpage({
                anchors: ['home', 'work', 'contact'],
            });
        });
        try{Typekit.load();}catch(e){}</script>
        required.add('Full_Name','NOT_EMPTY','Full Name');
        required.add('Email_Address','EMAIL','Email Address');
        required.add('Your_Message','NOT_EMPTY','Your Message');
        function getURLParameter(name) {
              return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
            } 
            var succesvar = getURLParameter("succesful");

在第二页上添加课程

1 个答案: