Sites naar beneden scrollen in iframes

Status
Niet open voor verdere reacties.
bamicreep

bamicreep

Gebruiker
Lid geworden
17 aug 2006
Berichten
53
Hey!
Ik wil dat er een site opent in een iframe. Maar, ik wil dus
dat die site omhoog geschoven word. Dat je de banner dus eigelijk
gewoon helemaal niet meer ziet. Ook als je scrolt wil ik
dat je niet kan terug scrollen naar het afgesneden stuk.
Gewoon dat er als het ware een stukje van de site word afgeknipt in
de iframe.

Alvast bedankt!
 
Laatst bewerkt:
Nee, heeft niets met iframes te maken, maar om daar nou weer een nieuwe topic over aan te maken:

het is vrij simpel bamicreep :p
Ik zal hier even demonstratie code laten zien:
HTML: 
<!-- De links naar beneden -->
Hier een lijst met vraag en antwoord:<br />
Waarom zijn bananen krom? <a href="#antwoord_vraag1">klik hier voor het antwoord!</a><br />
Waarom zijn bananen bol? <a href="#antwoord_vraag2">klik hier voor het antwoord!</a><br />
Waarom zijn bananen rond? <a href="#antwoord_vraag3">klik hier voor het antwoord!</a><br />
<!-- Einde links.. -->
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

<a name="antwoord_vraag1">Antwoord op vraag 1:<p />Het antwoord op vraag 1 is bladiebladiebla [...]

<a name="antwoord_vraag2">Antwoord op vraag 2:<p />Het antwoord op vraag 2 is bladiebladiebla [...]

<a name="antwoord_vraag3">Antwoord op vraag 3:<p />Het antwoord op vraag 3 is bladiebladiebla [...]
 
HTML: 
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
Is van uit de tijd toen de dieren nog spraken? :D

Waar zijn de sluittags van het a-element in je voorbeeld? en wat is
HTML: 
<p />
 
Laatst bewerkt:
Whoeps, slordig van die a tag vergeten te sluiten, dat moet dus wel :P

en <p> staat gewoon voor paragraph... dat moet je toch wel weten als je een website maakt! :o
 
DeepImpact zei:
Whoeps, slordig van die a tag vergeten te sluiten, dat moet dus wel :P

en <p> staat gewoon voor paragraph... dat moet je toch wel weten als je een website maakt! :o
Klik om te vergroten...
Je hebt geen <p> getypt, maar <p />. Voor zover ik weet, is het paragraph-element iets dat een begin tag <p> heeft, en een eindtag </p>. <p /> bestaat niet, dat soort opmaak vind je enkel terug bij elementen die geen sluittag hebben, zoals <img />...
 
Lols, helemaal gelijk. My bad :)
stomme fout die er al tijdje in zit bij me :P
Afleren dus maar...
 
ooh jee, ik heb het blijkbaar verkeerd uitgelegt.
Ik zal het eens zeer duidelijk rpberen uit te leggen:

Ik wil dat er een site opent in een iframe. Maar, ik wil dus
dat die site omhoog geschoven word. Dat je de banner dus eigelijk
gewoon helemaal niet meer ziet. Ook als je scrolt wil ik
dat je niet kan terug scrollen naar het afgesneden stuk.
Gewoon dat er als het ware een stukje van de site word afgeknipt in
de iframe.

Ik hoop dat dat kan, alvast bedankt!
 
Uhm, gebeurt dat niet standaard als je een #-verwijzing in de url zet?

Voorbeeld:

HTML: 
<-- PAGINA MET HET IFRAME -->
<center>
<iframe src="index2.php#item3" style="width:400px;height:200px;" scrolling="no"></iframe>
</center>

Belangrijk zijn de #item3 en de scrolling="no".

HTML: 
<-- PAGINA DIE IN HET IFRAME GELADEN WORDT -->
<html>
<head>
<style type="text/css">
	p {
		height: 300px;
	}
</style>
</head>
<body>

<p><a name="item1">item1</a></p>
<p><a name="item2">item2</a></p>
<p><a name="item3">item3</a></p>
<p><a name="item4">item4</a></p>
<p><a name="item5">item5</a></p>
</body>
</html>

Belangrijk zijn de name-elementen.

Je krijgt dan:
iframe_result.gif
 
Je zult dan in combinatie met de # verwijzingen ook de schuifbalk kunnen weghalen, dat je dus ook niet kan scrollen. Helemaal 100% onmogelijk is het niet om de banner te zien als men dit perse wil, maar ik denk dat het wel is wat je wilt.


Ik gebruik zelf dan dit javascriptje op de iframe pagina, maar misschien kan het ook anders:

HTML: 
<SCRIPT LANGUAGE="JavaScript">
function hidden(){document.body.style.overflow='hidden';}
</script>

<body onload="javascript:hidden()">
 
Met dit script in de pagina voorkom je dat er verder dan een bepaald punt (minScroll) omhoog kan worden gescrolled:
PHP: 
<script type="text/javascript">
 var minScroll = 120;
 function checkTop() {
  if (document.body.scrollTop < minScroll) document.body.scrollTop = minScroll;
  };
</script>

<body onscroll="checkTop()" onload="checkTop()">
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
 *** <br><br> *** <br><br> *** <br><br> *** <br><br>
</body>
:)


Vr.Gr. Egel.
 
Ja, ok. Maar die codes moet ik dan in de body van de pagina die geopent moet
worden plaatsen. Het probleem is dat de site die ik wil openen geen site
is die ik heb gemaakt, en ik dus niet aan de body kan van die sites.
Is er geen code die ik in de iframe code kan plaatsen om er zo voor
te zorgen dan er een stukje niet zichtbaar is?
 
Op die manier. :) Met
PHP: 
<script type="text/javascript"> 
var minScroll = 120; 
function checkTop() {
  if (iframe.document.body.scrollTop < minScroll) iframe.document.body.scrollTop = minScroll; 
  };
</script>

<iframe name="iframe" src="#" onload="checkTop()"></iframe>

of

<iframe name="aframe" src="#" onload="aframe.document.body.scrollTop = 200"></iframe>
scroll je de inhoud van het iframe bij het laden.

Omhoog scrollen kan daarna wel weer. Hoe je dat voorkomt weet ik even niet maar als dat al zou lukken dan lukt het waarschijnlijk alleen op harde schijf. Niet als het om twee verschillende domeinen gaat omdat de browser dat dan weer tegenhoud uit veiligheidsoverwegingen.


Vr.Gr. Egel.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan