Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript]jQuery problem ze skryptami pozycjonowanie menu, jquery, jquery-scrolltofixed, jquery-ui
alien1983
post 5.02.2013, 04:51:41
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 5.02.2013

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


Witam
Mam problem z wzajemną pracą kilku skryptów jQuery.

Skrypty które używam na stronce:

Skrypt silnika jQuery
  1. <script src="js/jquery-1.8.3.js" type="text/javascript"></script>


Skrypty odpowiedzialne za sterowanie blokami (przyciąganie do top i bottom okna) header menu i footer menu
  1. <script type="text/javascript" src="js/jquery-scrolltofixed-min.js"></script>
  2. <script type="text/javascript" src="js/jquery-scrolltofixed-mix.js"></script>


Skrypty odpowiedzialne za sterowanie blokiem header menu (poruszanie palcem w lewo i prawo)
  1. <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
  2.  
  3. $(function() {
  4. $( ".header-menu" ).draggable({ axis: "x" });
  5. });
  6. </script>


Skrypt odpowiedzialny za fixowanie pozycji header menu tzn position fix dla x oraz absolute dla y
  1. $(window).scroll(function(){
  2. if(glanc == 1){
  3. var $win = $(window);
  4. $('#box1').css('top', 95 -$win.scrollTop());
  5. $('#box2').css('left', 20 -$win.scrollLeft());
  6. }
  7. });
  8. </script>


Kod strony (body)
  1. <div class="header">
  2. </div>
  3. <div class="header-menu" id="box1">
  4. <div id="header-menu-link1"><a href="index.htm">TEST</a></div>
  5. <div id="header-menu-link2"><a href="index.htm">TEST</a></div>
  6. <div id="header-menu-link3"><a href="index.htm">TEST</a></div>
  7. <div id="header-menu-link4"><a href="index.htm">TEST</a></div>
  8. <div id="header-menu-link5"><a href="index.htm">TEST</a></div>
  9. <div id="header-menu-link6"><a href="index.htm">TEST</a></div>
  10. <div id="header-menu-link7"><a href="index.htm">TEST</a></div>
  11. <div id="separator"></div>
  12. </div>
  13. <div class="content">
  14. <p>TEST <p>
  15. <p>TEST <p>
  16. <p>TEST <p>
  17. <p>TEST <p>
  18. <p>TEST <p>
  19. <p>TEST <p>
  20. <p>TEST <p>
  21. <p>TEST <p>
  22. <p>TEST <p>
  23. <p>TEST <p>
  24. <p>TEST <p>
  25. <p>TEST <p>
  26. <p>TEST <p>
  27. <p>TEST <p>
  28. <p>TEST <p>
  29. <p>TEST <p>
  30. <p>TEST <p>
  31. <p>TEST <p>
  32. <p>TEST <p>
  33. <p>TEST <p>
  34. <p>TEST <p>
  35. <p>TEST <p>
  36. <p>TEST <p>
  37. <p>TEST <p>
  38. <p>TEST <p>
  39. <p>TEST <p>
  40. <p>TEST <p>
  41. <p>TEST <p>
  42. <p>TEST <p>
  43. </div>
  44. <div class="footer-menu">
  45. <div id="footer-separator"></div>
  46. <div id="footer-menu-link1">TEST</div>
  47. <div id="footer-menu-link2">TEST</div>
  48. <div id="footer-menu-link3">TEST</div>
  49. </div>
  50. <div class="footer"><BR><BR>FOOTER<BR><BR>
  51. </div>
  52. </body>


Link CSS http://www.test.glanc.org/css/style.css

Link do strony html http://www.test.glanc.org

Link do archiwum skryptów http://www.test.glanc.org/js.zip

Skrypty : jquery-scrolltofixed-mix.js oraz widoczny na stronie (html) kod - zostały lekko zmodyfikowane.

Problem polega na tym, że podczas powolnego przesuwania okna w górę header menu na chwile przeskakuje jakies 100 do 150 px w dół. Nie wiem jak to naprawić.

2. Problem polega na tym aby podczas powolnego przesuwania okna w górę menu nie przeskakiwało do lewej strony
tylko zostało w pozycji takiej jak zostało przesunięte.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
--alien1983--
post 8.02.2013, 19:40:30
Post #2





Goście







Widzę, że nikt nie ma pomysłu jak na mój problem? sad.gif
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 15:02