arezooafshari
سه شنبه 07 بهمن 1393, 08:14 صبح
من کتابخانه مربوط به nanoscroller را به کد خودم اضافه کردم، div مربوطه scroll می خوره اما خود scroll پیدا نیست، که در واقع فکر کنم کلاس مربوط به آن pane است. آیا غیر از چیزهایی که اضافه کردم باید چیزی اضافه کنم، یا نحوه استفاده ام مشکل دارد؟
<!DOCTYPE><html> <head> <title>Example</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <link rel="stylesheet" href="assets/nano.css"> <script rel="text/javascript" src="assets/nano.js"></script> <style type="text/css"> /* START NanoSlider */ .nano { background: #bba; width: 500px; height: 20px; } .nano .content { padding: 10px; } .nano .pane { background: #888; } .nano .slider { background: #111; } /* END NanoSlider */ </style> <script> $(document).ready(function(){ $(".nano").nanoScroller(); }); </script> </head> <body> <div id="about" class="nano"> <div class="nano-content"> This is the content box and it should be scrolling but it is not!! =/. This is the content box and it should be scrolling but it is not!! =/. This is the content box and it should be scrolling but it is not!! =/. This is the content box and it should be scrolling but it is not!! =/. This is the content box and it should be scrolling but it is not!! =/. </div> </div> </body></html>
<!DOCTYPE><html> <head> <title>Example</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <link rel="stylesheet" href="assets/nano.css"> <script rel="text/javascript" src="assets/nano.js"></script> <style type="text/css"> /* START NanoSlider */ .nano { background: #bba; width: 500px; height: 20px; } .nano .content { padding: 10px; } .nano .pane { background: #888; } .nano .slider { background: #111; } /* END NanoSlider */ </style> <script> $(document).ready(function(){ $(".nano").nanoScroller(); }); </script> </head> <body> <div id="about" class="nano"> <div class="nano-content"> This is the content box and it should be scrolling but it is not!! =/. This is the content box and it should be scrolling but it is not!! =/. This is the content box and it should be scrolling but it is not!! =/. This is the content box and it should be scrolling but it is not!! =/. This is the content box and it should be scrolling but it is not!! =/. </div> </div> </body></html>