در مورد اسکرول سفارشی

[zeinab-es'haghi]

می خوام یه اسکرول شبیه این درست کنم.
باید چی کار کنم؟!94090

[2undercover]

باید تو css برای اسکرول کد بنویسین متاسفانه الان کدهاش یادم نیست!

[arashnaderi]

می خوام یه اسکرول شبیه این درست کنم.
باید چی کار کنم؟!94090

سلام. از پلاگین معرفی شده در این آدرس استفاده کنید :
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

[zeinab-es'haghi]

سلام. از پلاگین معرفی شده در این آدرس استفاده کنید :
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

نتونستم ازین پلاگین استفاده کنم. ازین صفحه
file:///C:/Users/razieh/Downloads/vitch-jScrollPane-2.0.0beta11-10-gfc92cf5/vitch-jScrollPane-fc92cf5/basic.html
کد js و style رو کپی کردم و این جوری ازش استفاده کردم:

<p style="width:200px; height:100px; overflow:scroll;" class="scroll-pane"> hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people hi there people</p>


اما وقتی اون کلاس رو به پاراگرافم اضافه کردم،کلا اسکرول رو تو صفحه نشون نمیده!! مشکلش چیه؟!!!

[Mohsen.]

شما میتونید از CSS هم استفاده کنید اما فقط در کروم جواب میده.
مثلا کد زیر کد اسکرول سایت outlook هست:

::-webkit-scrollbar {
width: 17px;
height: 17px;
background-color: #F0F0F0;
border: none;
}
::-webkit-scrollbar-thumb:active{
background:#51504f;
}
::-webkit-scrollbar-thumb {
background-color: #CDCDCD;
border: 1px solid #F0F0F0;
}
::-webkit-scrollbar-button {
background-color: #F0F0F0;
background-image: url(../controls.png);
background-repeat: no-repeat;
background-position: center 66%;
height:25px;
}
::-webkit-scrollbar-button:hover{
background-color:#ccc;
}
::-webkit-scrollbar-corner {
background-color: #F0F0F0;
}

[zeinab-es'haghi]

شما میتونید از CSS هم استفاده کنید اما فقط در کروم جواب میده.
[/CSS]

بقیه مرورگرها رو چه کار کنم؟!

[Mohsen.]

فکر کنم این بهتر باشه:
http://codecanyon.net/item/customized-scrollbars/2503624

[zeinab-es'haghi]

ازسایت http://manos.malihu.gr/jquery-custom-content-scroller استفاده کردم آخرش. خوب بود نسبتا.
فقط باز هم یه مشکل دارم!!!! با یکی دو ثانیه تاخیر اسکرول سفارشی رو نشون میده. اولش همون اسکرول ساده ی مرورگر ها رو نشون میده !!!! http://www.jam-animation.com/index2.php?cat=1
چرا آخه ؟!!!!!!!!!!!!!!