Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][CSS] Bład z szablonem bootstrapa
viamarimar
post
Post #1





Grupa: Zarejestrowani
Postów: 303
Pomógł: 1
Dołączył: 24.09.2011

Ostrzeżenie: (10%)
X----


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.
Go to the top of the page
+Quote Post
fate
post
Post #2





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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:(
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.12.2025 - 11:13