Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何快速实现ECSS侧栏导航打开转换?_Javascript_Materialize_Sidebar - Fatal编程技术网

Javascript 如何快速实现ECSS侧栏导航打开转换?

Javascript 如何快速实现ECSS侧栏导航打开转换?,javascript,materialize,sidebar,Javascript,Materialize,Sidebar,我正在使用物化ECSSSidebarnav。很好用。但我想让侧边栏的开头过渡得更快。 我试过这个例子: 这是我的密码 <ul id="slide-out" class="sidenav"> <li> <div class="user-view"> <div class="background"> <img src="images/office.jpg">

我正在使用物化ECSSSidebarnav。很好用。但我想让侧边栏的开头过渡得更快。 我试过这个例子:

这是我的密码

<ul id="slide-out" class="sidenav">
    <li>
        <div class="user-view">
            <div class="background">
                <img src="images/office.jpg">
            </div>
            <a href="#user">
                <img class="circle" src="images/yuna.jpg">
            </a>
            <a href="#name">
                <span class="white-text name">John Doe</span>
            </a>
            <a href="#email">
                <span class="white-text email">jdandturk@gmail.com</span>
            </a>
        </div>
    </li>
    <li>
        <a href="#!">
            <i class="material-icons">cloud</i>First Link With Icon</a>
    </li>
    <li>
        <a href="#!">Second Link</a>
    </li>
    <li>
        <div class="divider"></div>
    </li>
    <li>
        <a class="subheader">Subheader</a>
    </li>
    <li>
        <a class="waves-effect" href="#!">Third Link With Waves</a>
    </li>
</ul>
<a href="#" data-target="slide-out" class="sidenav-trigger">
    <i class="material-icons">menu</i>
</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.2/js/materialize.min.js"></script>
<script>
    $(document).ready(function () {
        $('.sidenav').sidenav();
    });
</script>
$(文档).ready(函数(){ $('.sidenav').sidenav(); });

如何快速导航侧边栏打开“快速转换”?

使用选项
industration
(如您提供的链接所示)


你的链接。。向下滚动1000px,它有
industration
outDuration
选项。它不工作。你能在JSFIDLE中完成吗?
$(document).ready(function () {
    $('.sidenav').sidenav({inDuration: 100});
});