50٪ تخفیف روی تمام دوره‌ها!
پایان تخفیف تا:
مشاهده دوره‌ها
0

منو چسبیده در بوت‌استرپ

سلام دوستان

من توی طراحی صفحه‌م می خوام وقتی کاربر اسکرول میکنه پایین، منو بالای صفحه بعد از یه ارتفاعی به بالای صفحه‌م بچسبه

چجوری میتونم این کارو انجام بدم؟

همچنین چجوری میشه مثل سایت دراپ باکس منو رو شکلش رو عوض کرد ؟

ممنون

پرسیده شده در 1396/05/04 توسط

2 پاسخ

0

کد منوی https://getbootstrap.comexamplesnavbar-fixed-top/

<nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li role="separator" class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="../navbar/">Default</a></li>
            <li><a href="../navbar-static-top/">Static top</a></li>
            <li class="active"><a href="./">Fixed top <span class="sr-only">(current)</span></a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
پاسخ در 1396/05/05 توسط
0

سلام برای این که منو در بالای صفحه ثابت باشد در css مقدار position:fixed را بنویسید.

پاسخ در 1396/05/04 توسط

پاسخ شما