dashjalal
شنبه 04 مهر 1394, 10:06 صبح
مطلب که قدیمی هست اما جواب :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test - jQuery niceScroll</title>
<style type="text/css">
li {
margin-bottom: 40px;
width: 2000px;
}
</style>
</head>
<body>
<ol>
<li>test 1</li>
<li>test 2</li>
<li>test 3</li>
<li>test 4</li>
<li>test 5</li>
<li>test 6</li>
<li>test 7</li>
<li>test 8</li>
<li>test 9</li>
<li>test 10</li>
<li>test 11</li>
<li>test 12</li>
<li>test 13</li>
<li>test 14</li>
<li>test 15</li>
<li>test 16</li>
<li>test 17</li>
<li>test 18</li>
<li>test 19</li>
<li>test 20</li>
<li>test 21</li>
<li>test 22</li>
<li>test 23</li>
<li>test 24</li>
<li>test 25</li>
<li>test 26</li>
<li>test 27</li>
<li>test 28</li>
<li>test 29</li>
<li>test 30</li>
<li>test 31</li>
<li>test 32</li>
<li>test 33</li>
<li>test 34</li>
<li>test 35</li>
<li>test 36</li>
<li>test 37</li>
<li>test 38</li>
<li>test 39</li>
<li>test 40</li>
<li>test 41</li>
<li>test 42</li>
<li>test 43</li>
<li>test 44</li>
<li>test 45</li>
<li>test 46</li>
<li>test 47</li>
<li>test 48</li>
<li>test 49</li>
<li>test 50</li>
<li>test 51</li>
<li>test 52</li>
<li>test 53</li>
<li>test 54</li>
<li>test 55</li>
<li>test 56</li>
<li>test 57</li>
<li>test 58</li>
<li>test 59</li>
<li>test 60</li>
<li>test 61</li>
<li>test 62</li>
<li>test 63</li>
<li>test 64</li>
<li>test 65</li>
<li>test 66</li>
<li>test 67</li>
<li>test 68</li>
<li>test 69</li>
<li>test 70</li>
</ol>
<script type="text/javascript" src="http://areaaperta.com/nicescroll/js/jquery.min.js"></script>
<script type="text/javascript" src="http://areaaperta.com/nicescroll/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(document).ready(
function() {
$("html").niceScroll({
cursorcolor:"#7D7C7D",
cursorwidth: 7,scrollspeed: 70,cursorminheight: 150
});
}
);
</script>
</body>
</html>
که توی کد رو بخونین تنظیماتش رو متوجه میشین . اگر اندازه تگ لیست رو هم توی استایل اولش از 2000 به مقدار کمتر و استاندارد تغییر بدین ، اسکرول افقی از بین میره ... مسلما :D .
تنظیمات اضافی هم در سایت اصلیش :
http://areaaperta.com/nicescroll (http://areaaperta.com/nicescroll/)