SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Das Zend Framework

Das Zend Framework zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 06.04.2013, 16:37:30
Lukastt Lukastt ist offline
Anfänger
 
Registriert seit: Apr 2013
Alter: 26
Beiträge: 3
Smooth-scrolling

Hallo,

mein Plan ist an der linken seite ein menü zu machen was seinen platz behält. über den rest der seite gibt es einen iframe. über links mit menü wird der inhalt des iframes gesteuert.
es gibt für die einzelnen inhalte nicht jeweils eine seite, sondern nur eine große mit ankern.
funktioniert schonmal wie ich mir das wünsche (heißt beim klicken auf einen link im menü springt die seite im iframe zum punkt/anker wo er hin soll)
optimieren wollte ich das jetzt noch mit smoothscrolling. und da scheitere ich. mit js/jquery habe ich keine erfahrung und brauche deswegen ein paar impulse um weiter zu kommen
folgendes habe ich als letztes in den <body>-tag des dokumentes eingefügt, was der iframe anzeigt:

Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script>
	$(document).ready(function() {
		$('a[href^="#"]').click(function(event) {
			var id = $(this).attr("href");
			var offset = 60;
			var target = $(id).offset().top - offset;

			$('html, body').animate({scrollTop:target}, 500);
			event.preventDefault();
		});
	});
</script>
Mit Zitat antworten
  #2  
Alt 06.04.2013, 17:00:43
Lukastt Lukastt ist offline
Anfänger
 
Registriert seit: Apr 2013
Alter: 26
Beiträge: 3
AW: Smooth-scrolling

Also ich hab das problem jetzt doch lokalisieren können.
beim skript findet man "a[href^="#"]", heißt es gilt für aufrufe von "#beispiel", der in dem frame wird aber "file.html#beispiel" aufgerufen und das scheint zu stören.
wie kann ich das problem beseitigen?
Mit Zitat antworten
  #3  
Alt 07.04.2013, 14:41:56
Benutzerbild von urvater
urvater urvater ist offline
Senior Member
 
Registriert seit: Feb 2006
Ort: Wallrabenstein
Alter: 52
Beiträge: 1.044
AW: Smooth-scrolling

Als erstes würde ich den iframe entfernen.
Eine Lösung in HTML mit CSS würde dann so aussehen:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>scrolltest mit fixed</title>
  <style  type="text/css">
  #menue {
  float:left;
  width:100px;
  position:fixed;
  }
  #inhalt{
  margin-left:110px;
  }
  </style>
  </head>
  <body>
      <div id="menue">erster Eintrag<br />
      zweiter Eintrag<br />
      dritter Eintrag<br />
      vierter Eintrag<br /></div>
      <div id="inhalt">sinnloser Text zum auffüllen der Seite bis man scrollen muß. <br />...
      sinnloser Text zum auffüllen der Seite. <br /></div>
  </body>
</html>
Somit solltest du auch keine Probleme mit deinen Ankern bekommen, kannst auf Frames verzichten und hast sauberes HTML.
Mit Zitat antworten
Antwort

Stichworte
css, html, javascript, jquery


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Scrolling ohne BG bewegung ! akasa HTML, CSS und JavaScript Help! 9 13.05.2005 21:02:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:16:23 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.


© 2001-2020 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt