رفتن به مطلب

اسکرول دادن به دسته ها در ابزارک؟


nwmb

پست های پیشنهاد شده

سلام.

با جستجو به نتیجه ایی نرسیدم،

بنده دسته های سایت رو با استفاده از ابزارک (متن html) در سایدبار سمت چپ پوسته قرار دادم

اما از اونجا که تعداد دسته ها زیاده میخوام حالت اسکرول بهشون بدم.

میتونین راهنمایی کنید چجوری؟ اصلا میشه؟

لینک به ارسال
  • 2 هفته بعد...

میشه دقیق تر راهنمایی کنید

ببینید این کد html من برای ابزارکی هست که در سمت چپ سایت استفاده میکنم

تعداد 139 تا دسته داخل این کد هست که یک موردش رو داخل کد گذاشتم.

حالا چجوری به این اسکرول بدم؟


<ul id="Collection">
<li class="cat-item cat-item-139"><a href="" >سريال Days</a>
</li>
</ul>

لینک به ارسال

اگر منظورتون رو درست متوجه شده باشم باید برید توی بخش style سایت و کد زیر رو قرار بدید.بعدش li ها رو به صورت اسکرول نمایش میده


#Collection{
width: 250px;
height: 300px;
overflow: scroll;
}

اون width و height رو دیگه مقدارش رو میتونید دستی کم و زیاد کنید.امیداورم که منظورتون رو درست برداشت کرده باشم برای زیبا سازیش هم میتونید به خود overflow کلاس بدید کمی سرچ کنید درباره استایل دادن بهش استایل ها قشنگی میشه داد بهش موفق باشید

لینک به ارسال

ممنون از شما.

مشکل تقریبا حل شد جز اینکه الان همزمان اسکرول افقی هم دارم، من فقط به اسکرول عمودی نیاز دارم

داخل کلاس، width رو حذف میکنم یا مقدارش رو کم و زیاد میکنم کلا تفاوتی نداره و از بین نمیره

--

واسه زیبا سازیش هم چند سایت نمونه میدید جایی رو پیدا نکردم؟

لینک به ارسال

سلام.

برای مشکل اول:


overflow-y: scroll;
overflow-x: hidden;

برای زیبا سازی هم:

http://alimir.ir/%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D8%A7%D8%B3%DA%A9%D8%B1%D9%88%D9%84%D8%A8%D8%A7%D8%B1/

بگردید شاید افزونه هم برای نایس اسکرول بود.

لینک به ارسال

ممنون مشکل اول حل شد

برای زیباسازی، نتونستم استفاده کنم میشه بیشتر راهنمایی کنید؟

من با این کد جی کئوری رو در قالب هدر فراخوانی کردم. اما بعدش نمیدونم چیکار باید کرد


<script type="text/javascript">$("#divexample2").niceScroll("#wrapperexample2",{boxzoom:true});</script>

لینک به ارسال

جواب سئوال قبلیتون رو که بنده نبودم دادن واسه استایل دادن هم لینک های زیر رو یک نگاه بندازید متوجه میشید.

https://css-tricks.com/custom-scrollbars-in-webkit/

http://www.hongkiat.com/blog/css-scroll-bar/

لینک به ارسال

ممنون اینها به نظر webkit هستن. من الان سایت رو با گوگل کروم چک کردم به شکل این شات هست

http://up.vbiran.ir/uploads/10621142844061835332_Snapshot_2015-04-08_012249.png

حالا چجوری برای فایرفاکس هم مشابه این کنیم؟ میشه؟

میخوام حد الامکان از جی کئوری استفاده نکنم.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...