Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ask for help

See original GitHub issue

<! doctype html>
<html>
    <head>
        <script src="jquery-2.1.1.min.js"></script>
        <script>
            $(function(){
                $(".test").css({"height":$(window).height()});
                $.scrollify({
                    section:".test"
                });
            });
        </script>
        <style>
            .test{
                width: 100%;
            }
            .red{
                background-color: red;
            }
            .blue{
                background-color: blue;
            }
        </style>
    </head>
    <body>
        <section class="test red"></section>
        <section class="test blue"></section>
    </body>
    <script src="jquery.easing.1.3.js"></script>
    <script src="scrollify.min.js"></script>
</html>

browser always remind ：“Uncaught TypeError: Cannot read property ‘length’ of undefined ”

Issue Analytics

State:
Created 9 years ago
Comments:14 (4 by maintainers)

Top GitHub Comments

1reaction

lukehaascommented, Apr 16, 2015

Hi @LyricaMuc to do that you just need to create an event handler for the links in your menu and then call the Scrollify ‘move’ method and parse the name of the sections to it. If needed, you can find more details about the move method in the readme file. Hope that’s all clear, let me know if not.

1reaction

lukehaascommented, Jul 8, 2014

@TurtleWolf this can be done by using the move method straight after your scrollify deceleration.

$.scrollify(“move”,“#name”);

The name will be the sectionName defined in the data attribute for the section you want to move to.