ورود

**mihanbloger** · 95-5-21، 12:59 عصر

سلام به همه
من یک منو دارم که به صورت گوشه ای هستش. مثلا گوشه ی صفحه یک منو داره و توی اون لینک هستش. حالا این لینک ها وقتی به پایان صفحه میرسن دیگه دیده نمشن. من میخواستم یه کد اضافه کنم تا این منو اسکرولی باشه. یعنی یه نوار اسکرول کنار منو باشه تا بتونه لینک ها رو بالا و پایین کنه.
اینم کد منو:

کد: 

<div id="container" class="container">    

            <div class="menu-panel">

                <h3>Contents</h3>

                <ul id="menu-toc" class="menu-toc">

                    <li class="menu-toc-current"><a href="#item1">Hamostaniha Mahazone (S1)</a></li>

                    <li><a href="#item2">What is HTML?</a></li>

                    <li><a href="#item3">History of france</a></li>

                    <li><a href="#item4">Airplanes</a></li>

                    <li><a href="#item5">Jokes</a></li>

                    <li><a href="#item6">Animation and cartoon</a></li>

                    <li><a href="#item7">Funny animations</a></li>

                    <li><a href="#item8">Health news</a></li>

                    <li><a href="#item8">ddddd</a></li>

                    <li><a href="#item8">Health news</a></li>

                </ul>

                <div>

                </div>

            </div>

حالا من باید چیکار کنم؟
تشکر

**HSG** · 95-5-21، 01:14 عصر

سلام
این استایل رو اضافه کنید:

کد: 

.menu-toc{

    height: 200px;

    overflow: auto;

}

در کد بالا حتماً باید ارتفاع فضای کل منو تعیین بشه بعدش استایل دوم یعنی overflow:auto باعث میشه که جا هایی که بیشتر از محدودیت تعریف شده هستش اسکرول بار نمایش داده بشه.

**mihanbloger** · 95-5-21، 01:40 عصر

با تشکر

**mihanbloger** · 95-5-21، 01:53 عصر

فقط یکم اگه خوش استایل تر باشه بهتره
ممنون

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک