Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS] Bład z szablonem bootstrapa
Forum PHP.pl > Forum > Przedszkole
viamarimar
Problem jest zawarty w linku:
http://koszyk.cba.pl/rec/test/asd/index.html

Chciałem otrzymać coś takiego jak tutaj:
http://www.bootply.com/69848#

Mianowicie chodzi o boczne menu


  1. <!--left-->
  2. <div class="col-md-3" id="leftCol">
  3. <ul class="nav nav-stacked affix-top" id="sidebar">
  4. <li><a href="#sec0">Section 0</a></li>
  5. <li><a href="#sec1">Section 1</a></li>
  6. <li><a href="#sec2">Section 2</a></li>
  7. <li><a href="#sec3">Section 3</a></li>
  8. <li><a href="#sec4">Section 4</a></li>
  9. </ul>
  10. </div>
  11. <!--/left-->


Wyświetla się ono tylko 3/4 nie wyświetla ono wcześniejszych elementów chociaż weług wzoru powinno. Sądzę, iż jest to wina javascriptu( gdyż zwiększyłem objętość navbara) lecz zmiany w js nie dają rezultatu.

Tu jest kod odpowiedzialny za to:

  1. /* activate sidebar */
  2. $('#sidebar').affix({
  3. offset: {
  4. top: 235
  5. }
  6. });
  7.  
  8. /* activate scrollspy menu */
  9. var $body = $(document.body);
  10. var navHeight = $('.navbar').outerHeight(true) + 10;
  11.  
  12. $body.scrollspy({
  13. target: '#leftCol',
  14. offset: navHeight
  15. });
  16.  
  17. /* smooth scrolling sections */
  18. $('a[href*=#]:not([href=#])').click(function() {
  19. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  20. var target = $(this.hash);
  21. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  22. if (target.length) {
  23. $('html,body').animate({
  24. scrollTop: target.offset().top - 50
  25. }, 1000);
  26. return false;
  27. }
  28. }
  29. });


Ma wyjśc efekt jak w linku czyli jakby nie przewijanie się tego menu.

Wskaże mi ktoś co ja robię nie tak? Będę bardzo wdzięczny.
fate
Witam
#sidebar.affix przyjmuje ci wartosc top:70px
gdyby przymował np 235px tak jak masz w 4 linijce byloby bosko, wyszukaj moze tej 70tki w skryptach, chyba ze to wartosc obliczona:(
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.