Forum PHP.pl > [HTML][JavaScript]jQuery problem ze skryptami pozycjonowanie menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]jQuery problem ze skryptami pozycjonowanie menu

alien1983

5.02.2013, 04:51:41

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

Skrypty które używam na stronce:

Skrypt silnika jQuery

[HTML] pobierz, plaintext 
<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
[HTML] pobierz, plaintext

Skrypty odpowiedzialne za sterowanie blokami (przyciąganie do top i bottom okna) header menu i footer menu

[HTML] pobierz, plaintext 
<script type="text/javascript" src="js/jquery-scrolltofixed-min.js"></script>
<script type="text/javascript" src="js/jquery-scrolltofixed-mix.js"></script>
[HTML] pobierz, plaintext

Skrypty odpowiedzialne za sterowanie blokiem header menu (poruszanie palcem w lewo i prawo)

[HTML] pobierz, plaintext 
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
 
 <script>
  $(function() {
    $( ".header-menu" ).draggable({ axis: "x" });
  });
  </script>
[HTML] pobierz, plaintext

Skrypt odpowiedzialny za fixowanie pozycji header menu tzn position fix dla x oraz absolute dla y

[HTML] pobierz, plaintext 
<script>     
     $(window).scroll(function(){
if(glanc == 1){
    var $win = $(window);   
         $('#box1').css('top', 95 -$win.scrollTop());
         $('#box2').css('left', 20 -$win.scrollLeft());
      }
});     
   </script>
[HTML] pobierz, plaintext

Kod strony (body)

[HTML] pobierz, plaintext 
<body>
   <div class="header">
   </div>
   <div class="header-menu" id="box1">
      <div id="header-menu-link1"><a href="index.htm">TEST</a></div>
      <div id="header-menu-link2"><a href="index.htm">TEST</a></div>
      <div id="header-menu-link3"><a href="index.htm">TEST</a></div>
      <div id="header-menu-link4"><a href="index.htm">TEST</a></div>
      <div id="header-menu-link5"><a href="index.htm">TEST</a></div>
      <div id="header-menu-link6"><a href="index.htm">TEST</a></div>
      <div id="header-menu-link7"><a href="index.htm">TEST</a></div>
      <div id="separator"></div>
   </div>
   <div class="content">
   <p>TEST <p>
    <p>TEST <p>
      <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
    <p>TEST <p>
   </div>
   <div class="footer-menu">
      <div id="footer-separator"></div>
      <div id="footer-menu-link1">TEST</div>
      <div id="footer-menu-link2">TEST</div>
      <div id="footer-menu-link3">TEST</div>
   </div>
   <div class="footer"><BR><BR>FOOTER<BR><BR>
   </div>   
</body>
[HTML] pobierz, plaintext

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.

-alien1983-

8.02.2013, 19:40:30

Widzę, że nikt nie ma pomysłu jak na mój problem?

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.