Multiscroll JS 似乎无法正常工作

时间:2021-02-01 05:27:39

标签: javascript jquery css multiscroll.js

我想对我的网页应用 mutliscroll 效果,所以我编码了:

<!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>

但问题是它看起来像这样:

screen capture

在控制台,我收到此错误:

Uncaught SyntaxError: Invalid destructuring assignment target

所以这里出了什么问题?我该如何解决这个问题?

我真的很感激你们的任何想法或建议......

提前致谢。

1 个答案:

答案 0 :(得分:1)

将您的脚本更改为:

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