Scroll Div d.m.v. javascript

Door Hendel Berg, 20 jaar geleden, 7.935x bekeken

Het is geen heel uitgebreid, technisch script. Maar in sommige situatie's wel erg makkelijk. Voorbeelden staan in het script zelf. Enjoy.

Een complete pagina kun je laten scrollen met de standaard javascript window.scrollBy() functie.

Voorbeeld: http://www.henryvdberg.nl/php/testcase/scroll_div.php

Gesponsorde koppelingen

PHP script bestanden

  1. scroll-div-dmv-javascript

 

Er zijn 18 reacties op 'Scroll div dmv javascript'

PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
- -
- -
20 jaar geleden
 
0 +1 -0 -1
1: Dit is geen PHP, die twee regeltjes die je meegesmokkeld hebt uitgesloten.
2: Eigenlijk hoort dat niet thuis op PHPhulp.
3: Mocht je het hier toch willen plaatsen, doe dat dan.
4: Maar wees dan wel zo slim om een linkje naar een voorbeeld te geven.
Storeman storeman
storeman storeman
20 jaar geleden
 
0 +1 -0 -1
Ach, altijd handig als je erom verlegen zit, kan je toch weer een uurtje prutsen schelen.

Had je hier al naar gekeken? http://docs.mootools.net/Plugins/Fx.Scroll


* Storeman vindt het totaal niet boeiend wat Harmen en Marcel vinden en wil hier geen post aan vuil maken*
Robert Deiman
Robert Deiman
20 jaar geleden
 
0 +1 -0 -1
@Jonathan,

Waarom worden tutorials over CSS dan wel goedgekeurd? -> Kan prima blijven staan inderdaad, maar met MooTools werkt nog makkelijker :)
Harmen
Harmen
20 jaar geleden
 
0 +1 -0 -1
Harmen vindt dat Robert Deiman gelijk heeft.
Marcel
Marcel
20 jaar geleden
 
0 +1 -0 -1
Marcel vindt dat Harmen gelijk heeft.
Onbekend Onbekend
Onbekend Onbekend
20 jaar geleden
 
0 +1 -0 -1
Ik vind het wel hier thuis horen, als de nieuwe phphulp komt, komt er ook een ontwerphulp, toch, daar hoort javascript bij. Dus :) Dan is het makkelijk. Ik had ooit een hele makkelijke scrollbar gevonden voor een div:
http://www.dyn-web.com/code/scroll/refresh.php
Pim Vernooij
Pim Vernooij
20 jaar geleden
 
0 +1 -0 -1
@Jonathan: je hebt gelijk in het feit dat dit geen PHP script is. Echter, wil je een goede ontwikkelaar worden, dan moet je kennis hebben van andere technieken en beter nog: weten hoe je de technieken met elkaar combineert.

Met een beetje inspiratie kan je door als basis dit script te gebruiken, de PHP er toch zelf wel bij bedenken? - niet dat dat hier zo spannend zal zijn, maar het gaat om het principe.

Ik neem toch aan dat je tutorials nooit 1 op 1 overneemt, maar implementeerd in je eigen omgeving...
PHP Newbie
PHP Newbie
20 jaar geleden
 
0 +1 -0 -1
En daarnaast heb je niet altijd zin een compleet framework in te laden, alleen vanwege 1 functie.
Hendel Berg
Hendel Berg
20 jaar geleden
 
0 +1 -0 -1
@Jonathan
Op het moment dat ik het script plaatste had ik al verwacht een soortgelijke reactie te gaan ontvangen.

De rest heeft eigenlijk mijn mening al een beetje verwoord:
1. Zodra je een complete website wilt ontwikkelen ontkom je niet aan javascript of ajax (wat eigenlijk ook javascript is).
2. Als je zo strikt bent dat je alleen php script wilt zien, waarom dan een categorie 'HTML' bij scripts en tutorials?
3. Dat doe ik ook zeker. Het zal me aan m'n reet roesten of je er op tegen bent of niet. Wees blij dat ik hier iets wil delen! Of ben jij op phphulp om mensen er vanaf te jagen? Of vindt jij jezelf zóó verschrikkelijk goed?
4. Dit toont aan dat je geeneens goed naar het script hebt gekeken, de voorbeelden staan erin!

Verder:
Ik heb een aversie tegen scriptlibs zoals mootools etc., wat onnodige scripts en dus grootte bevat. Vandaar dat ik zelf losse functie's schrijf, welke je teven aan jouw eigen specifieke wensen kunt aanpassen.
Robert Deiman
Robert Deiman
20 jaar geleden
 
0 +1 -0 -1
@HendelBerg

Als je 4 van die functies (welke er legio zijn in zo'n scriptlib als jij het noemt) uit zo'n script gebruikt loont het wel om het te gebruiken. Vaak ga je meer van die functies gebruiken, daarnaast is het ook nog eens zo dat JavaScript cliëntside is en gecached kan worden (oftewel 1 keer 10kb downloaden (groter zijn die JS bestanden niet, meestal zelfs kleiner, dat gebeurt binnen een seconde tegenwoordig))
Ik heb er niets op tegen, tenzij ik op een enkele plek 1 van die functies (vaak dezelfde) ga gebruiken, dan zou ik niet zo'n uitgebreid script gebruiken.
Hendel Berg
Hendel Berg
20 jaar geleden
 
0 +1 -0 -1
Tuurlijk, als je er een aantal van gebruikt loont het de moeite. Daar heb ik niets op tegen. Maar bij zo'n scriptje als deze, is het zonde om een complete scriptlib te laden.
- -
- -
20 jaar geleden
 
0 +1 -0 -1
Rustig maar, het was allemaal niet zo aanvallend bedoeld. Ik probeerde alleen te zeggen dat als je dan toch al geen pure PHP plaatst, maar JavaScript, het wel mooi is om een werkend voorbeeld te kunnen bekijken, snap je?
Hendel Berg
Hendel Berg
19 jaar geleden
 
0 +1 -0 -1
Update:
- Extra uitleg geplaatst
- Voorbeeld online gezet
- Alles samengevoegd tot 1 pagina
- 'Normale' tekst in het div gezet i.p.v. lege newline's
R on
R on
15 jaar geleden
 
Toch wel jammer dat het javascript er nog staat, maar het PHP voorbeeld na 4 jaar niet meer is te vinden.
Wouter J
Wouter J
15 jaar geleden
 
Toch wel jammer dat dit script na 4 jaar nog aandacht krijgt.
Toch wel jammer dat mensen niet eens de moeite doen om iets verder te kijken en te lezen dat dit een JavaScript script is en niet een PHP script en dat hier nooit een PHP voorbeeld heeft gestaan...
Hendel Berg
Hendel Berg
15 jaar geleden
 
0 +1 -0 -1
@Ron K: wat voor voorbeeld wil je nog hebben dan?
R on
R on
15 jaar geleden
 
0 +1 -1 -1
Ik hoopte het voorbeeld te vinden waarvan een link bij dit artikel staat, maar dat staat er dus na 4 jaar niet meer.
PHP hulp
PHP hulp
0 seconden vanaf nu
 

Gesponsorde koppelingen
Wouter J
Wouter J
15 jaar geleden
 
1 +1 -0 -1
Even de JavaScript in een tool als http://tinkerbin.com/ gooien, wat HTML erbij schrijven en op run klikken en je hebt je eigen voorbeeld!

Om te reageren heb je een account nodig en je moet ingelogd zijn.

Inhoudsopgave

  1. scroll-div-dmv-javascript

Labels

  • Geen tags toegevoegd.

Navigatie

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.