Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jQuery] Przewijanie diva + jScrollPane
Regss
post 3.12.2011, 16:12:08
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 7.05.2006

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

Witam!
Posiadam taki skrypt:

[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <title>test</title>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.         <style type="text/css">
  6.             #panel_right {
  7.                 width: 100px;
  8.                 height: 100px;
  9.                 border: 1px solid #000;
  10.                 display: none;
  11.             }
  12.             #panel_list {
  13.                 height: 100px;
  14.                 overflow: scroll;
  15.             }
  16.         </style>
  17.         <link type="text/css" href="jquery.jscrollpane.css" rel="stylesheet" media="all" />
  18.         <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  19.         <script type="text/javascript" src="jquery.mousewheel.js"></script>
  20.         <script type="text/javascript" src="jquery.jscrollpane.min.js"></script>
  21.         <script type="text/javascript">
  22.  
  23.             /* Scrolling right pannel */
  24.             $(function() {
  25.                 $('#panel_right').fadeIn(1000);
  26.                 $('.scroll').jScrollPane({showArrows: true});
  27.             });
  28.          </script>
  29.     </head>
  30.     <body>
  31.         <div id="panel_right">
  32.             <div id="panel_list" class="scroll">
  33.                 <ul>
  34.                     <li id="1"><a href="test.php#1">1</a></li>
  35.                     <li id="2"><a href="test.php#2">2</a></li>
  36.                     <li id="3"><a href="test.php#3">3</a></li>
  37.                     <li id="4"><a href="test.php#4">4</a></li>
  38.                     <li id="5"><a href="test.php#5">5</a></li>
  39.                     <li id="6"><a href="test.php#6">6</a></li>
  40.                     <li id="7"><a href="test.php#7">7</a></li>
  41.                     <li id="8"><a href="test.php#8">8</a></li>
  42.                     <li id="9"><a href="test.php#9">9</a></li>
  43.                 </ul>
  44.             </div>
  45.         </div>
  46.     </body>
  47. </html>
[HTML] pobierz, plaintext


Tu można zobaczyć efekt:
TEST

Div przewija się prawidłowo do momentu kiedy odwołuje się do kotwicy. Klikam na link i pasek przewijania psuje się do momentu ponownego wjechania kursorem na diva.

Nie mam pojęcia jak to poprawić.
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 17:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn