Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][jQuery]Problem z wtyczką scrollTo
lobopol
post
Post #1





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

Zrobiłem właśnie prościutką stronę w formie dużego kwadratu podzielonego na 4 mniejsze:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <link href="styl.css" rel="stylesheet" type="text/css" />
  7. <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
  8. <script src="jquery.scrollTo-min.js" type="text/javascript"></script>
  9. <script src="skrypt.js" type="text/javascript"></script>
  10. </head>
  11. <body>
  12. <div id="container">
  13.   	<div id="left">
  14. 		<div id="top-left">
  15.         	<div class="inner">
  16.             	<ul>
  17.                     <li><a href="#top-left">O firmie</a></li>
  18.                     <li><a href="#top-right">Galeria</a></li>
  19.                     <li><a href="#bottom-left">Oferta</a></li>
  20.                     <li><a href="#bottom-right">Kontakt</a></li>
  21.                 </ul>	
  22.  
  23.             </div>
  24.         </div>
  25.         <div id="bottom-left">
  26.         	<div class="inner">
  27.                 <ul>
  28.                     <li><a href="#top-left">O firmie</a></li>
  29.                     <li><a href="#top-right">Galeria</a></li>
  30.                     <li><a href="#bottom-left">Oferta</a></li>
  31.                     <li><a href="#bottom-right">Kontakt</a></li>
  32.                 </ul>	
  33.             </div>
  34.         </div>
  35. 	</div>
  36.  
  37.     <div id="right">
  38.     	<div id="top-right">
  39.         	<div class="inner">
  40.                 <ul>
  41.                     <li><a href="#top-left">O firmie</a></li>
  42.                     <li><a href="#top-right">Galeria</a></li>
  43.                     <li><a href="#bottom-left">Oferta</a></li>
  44.                     <li><a href="#bottom-right">Kontakt</a></li>
  45.                 </ul>	
  46.                 <p>asd</p>
  47.             </div>
  48.         </div>
  49.         <div id="bottom-right">
  50.         	<div class="inner">
  51.         	<ul>
  52.                     <li><a href="#top-left">O firmie</a></li>
  53.                     <li><a href="#top-right">Galeria</a></li>
  54.                     <li><a href="#bottom-left">Oferta</a></li>
  55.                     <li><a href="#bottom-right">Kontakt</a></li>
  56.                 </ul>	
  57.             </div>
  58.         </div>
  59.     </div>
  60. </div>
  61. </body>
  62. </html>
[HTML] pobierz, plaintext


skrypt.js
[HTML] pobierz, plaintext 
  1. $(document).ready(function (){
  2. 	$('.inner a').click(function () {
  3. 		$('#container').scrollTo($(this).attr('href'), 800); 
  4. 	});
  5. });
[HTML] pobierz, plaintext


W teorii powinno to mi płynnie przesuwać z jednego diva do drugiego, ale niestety tak nie jest (następuje po prostu przeskok) prosiłbym o jakieś sugestie


Problem rozwiązany do usunięcia

Ten post edytował lobopol 28.03.2010, 20:12:51
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Bo nie blokujesz otwarcia kotwicy:

[JAVASCRIPT] pobierz, plaintext 
  1. $('.inner a').click(function (e) {
  2. e.preventDefault();
  3. 		$('#container').scrollTo($(this).attr('href'), 800); 
  4. 	});
[JAVASCRIPT] pobierz, plaintext



edit: dopiero teraz zauważyłem, że rozwiązany; ale przyda się innym. (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 22.08.2025 - 21:51
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn