Nanoscroller не работает ни в одном из браузеров

Question

Nanoscroller не работает ни в одном из браузеров

0

Я использую следующий код для nano scroller.but nano scroller не отображается. Я добавил файлы css и js. я ошибаюсь?

im, используя код создания наносколтера с официального сайта для файла.js.

<head>

    <!-- CSS
   ================================================== -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/nano.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" href="timeline/css/timecube.jquery.css">
       <script src="js/nano.js"></script>


    <style>
             .nano { height: 280px;}
             .nano .content { }
             .nano .pane   { background: none}
             .nano .slider { background: #FED136; }
        </style>
        <script>
                $(document).ready(function(){
                     $(".nano").nanoScroller();
                });
        </script>

</head>
<body data-spy="scroll" data-target="#nav-wrap">
         <div class="col half nano">
            <h3>Latest Updates</h3>
            <div class="content">
            <div class="badge">4&5<span>APR '14</span></div>
            <span class="client-author">Education Fair - World Trade Center</span><br><br>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
            there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the
            Semantics, a large language ocean. <a href="events.html">Details & Photos</a>
            </p>
            <div class="badge">4&5<span>APR '14</span></div>
            <span class="client-author">Education Fair - World Trade Center</span><br><br>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
            there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the
            Semantics, a large language ocean. <a href="events.html">Details & Photos</a>
            </p>
         </div>
         </div>
</body>

user3435774 27 апр. 2014, в 08:53

Источник

0

проверьте мой ответ. Я проверил ниже jsfiddle в chrome, firefox и. Сделайте upvote и отметьте ответ, если вам понравилось. Спасибо
Dave 27 апр. 2014, в 07:32

Теги:

jquery

scroll

1 ответ

Ещё вопросы

проверьте мой ответ. Я проверил ниже jsfiddle в chrome, firefox и. Сделайте upvote и отметьте ответ, если вам понравилось. Спасибо

Dave · Answer 1 · 2014-04-27T05-06-00.000Z

здесь ваш код работает jsfiddle.

Протестировано в CHROME, FIREFOX

Я обновил код в jsfiddle и также включил ваш ниже css:

   .nano { height: 280px;}
   .nano .content { }
   .nano .pane   { background: none}
   .nano .slider { background: #FED136; }