Javascript Multiscroll JS似乎无法正常工作_Javascript_Jquery_Css_Multiscroll.js

Javascript Multiscroll JS似乎无法正常工作

javascript jquery css

Javascript Multiscroll JS似乎无法正常工作,javascript,jquery,css,multiscroll.js,Javascript,Jquery,Css,Multiscroll.js,我想对我的网页应用效果，所以我将其编码为： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Split Screen</title> <style> ... </style> </head>

我想对我的网页应用效果，所以我将其编码为：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Split Screen</title>
        <style>
            ...
        </style>
    </head>
    <body>
        <div id="multiscroll">
            <div class="ms-left">
                <div class="ms-section one">
                    <h1>Section 1 left</h1>
                    <p>Professional Graphic Designer</p>
                    <a href="#">Contact</a>
                </div>
                <div class="ms-section two">Section 2 left</div>
                <div class="ms-section three">Section 3 left</div>
            </div>
            <div class="ms-right">
                <div class="ms-section four"></div>
                <div class="ms-section five">
                    <h2>Why Me?</h2>
                    <p>I have wordsad adasdas asdasdasdas asdasda.</p>
                </div>
                <div class="ms-section six">
                    <h2>Contact Me</h2>
                    <input type="text" placeholder="Your name">
                    <input type="email" placeholder="Your email">
                    <a href="#">Submit</a>
                </div>
            </div>
        </div>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="jquery.easings.min.js"></script>
        <script src="jquery.multiscroll.min.js"></script>
        <script>
            $(document).ready(function({
                $('#multiscroll').multiscroll({
                    navigation:true,
                    navigationPosition:'right',
                    navigationColor:'#000',
                })
            });
        </script>
    </body>
</html>

那么这里出了什么问题？如何解决此问题

我非常感谢你们的任何想法或建议

提前感谢。

将脚本更改为：

$(document).ready(function() {
    $('#multiscroll').multiscroll({
        navigation:true,
        navigationPosition:'right',
        navigationColor:'#000'
    })
});

$(document).ready(function() {
    $('#multiscroll').multiscroll({
        navigation:true,
        navigationPosition:'right',
        navigationColor:'#000'
    })
});