scroll mogelijkheid in drupal
Door Mindhunter op 6 February, 2010 - 15:43
Forums:
Drupalversie:
hoe kan ik zo'n vloeiende scroll in drupal krijgen?
Actuele inhoud
04 feb 2012
- , stappenplan maken.... , (Forumonderwerp) , Mindhunter
- , Afbeeldingsstijl met afbeelding hierbovenop? , (Forumonderwerp) , kwertie
03 feb 2012
- , Applicatiebeheerder , (Forumonderwerp) , Andrea
- , Applicatiebeheerder met Drupal ervaring gezocht , (Forumonderwerp) , Andrea , Reacties: 1
- , Lastig menu , (Forumonderwerp) , Hellor
- , Mijn tweede website in Drupal bouwen! , (Forumonderwerp) , RobV
- , Updaten , (Forumonderwerp) , Torraborra , Reacties: 6
02 feb 2012
- , Artikelen blocks , (Forumonderwerp) , pennywilerra
- , meertalige site , (Forumonderwerp) , claudine
- , Meertalige site , (Forumonderwerp) , Josken71 , Reacties: 1
- , Image field, Uitzetten foto's tonen , (Forumonderwerp) , Ethane
- , Taalafhankelijke menublokken , (Forumonderwerp) , merel007 , Reacties: 1
- , Drupal expert gezocht om microfinancieringswebsite te maken , (Forumonderwerp) , SYPO
01 feb 2012
- , Weblinks module (sortering groepen) , (Forumonderwerp) , nvvr
- , Admingedeelte niet toegankelijk - fout 403 , (Forumonderwerp) , ping79 , Reacties: 3
Xano
6 February, 2010 - 17:19
Permalink
http://htmldog.com/reference/
http://htmldog.com/reference/cssproperties/background-attachment/
Mindhunter
6 February, 2010 - 17:23
Permalink
Dit is geloof ik niet wat ik
Dit is geloof ik niet wat ik bedoel? of ik snap het niet.
Ik bedoel zoiets als:
http://www.goslingo.com/
Wanneer je hier op een menuitem klikt dan scrolt het in een animatie naar beneden.
Is hier geen module voor?
jo.w
7 February, 2010 - 15:04
Permalink
Waarschijnlijk deze:
Waarschijnlijk deze: http://flowplayer.org/tools/scrollable.html
Maar 'k weet niet of het in Drupal kan.
Jo
hansrossel
8 February, 2010 - 11:15
Permalink
http://drupal.org/project/scr
http://drupal.org/project/scrollable
Hans
KOBA
Xano
7 February, 2010 - 17:48
Permalink
Dit is geloof ik niet wat ik
Volgende keer iets preciezer je vraag stellen :)
Je kan dit doen door met JavaScript het normale gedrag van de browser af te vangen als je met een link naar een anchor in de pagina wil en de pagina dan laten scrollen. Je moet wel even kijken of menu links in Drupal ook naar een anchor kunnen verwijzen. Ik denk dat het mogelijk is, maar heb het nooit getest.
Mindhunter
7 February, 2010 - 19:38
Permalink
Met de volgende code is het
Met de volgende code is het me gelukt om het vloeiend scrollbaar te maken.
Maar hoe kan ik ervoor zorgen dat een primary menu item naar hetvolgende linkt:
Dit is de code die ik in een node zet. En dit werkt, alleen wil ik dus de 4 anchor links in het primary menu van drupal hebben.
//- Go to anchor 1
- Go to anchor 2
- Go to anchor 3
- Go to anchor 4
1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin orci erat, gravida vitae auctor sed, fringilla sit amet sem. Etiam scelerisque, ligula ac scelerisque egestas, sem arcu commodo ligula, in imperdiet arcu ipsum nec magna. Proin purus tellus, dictum at volutpat tempor, ultrices ut arcu. Nam ut diam vitae dui tristique tincidunt sed a est. Aenean rutrum, lectus at laoreet consectetur, erat leo vestibulum massa, eu pellentesque justo nisi a arcu. Aliquam fermentum volutpat eros, sed tempus dolor luctus eget. Sed sodales dapibus nisi ut venenatis. Phasellus suscipit risus nunc, non adipiscing purus. Morbi tristique dolor ac lacus euismod lacinia. Praesent ac nisi nec elit pharetra pulvinar. Vestibulum porttitor turpis vitae velit pretium vitae tincidunt sapien varius. Nullam suscipit malesuada elit, et lacinia mauris pretium id. In sem felis, fermentum nec lobortis vel, elementum quis odio. Nullam bibendum magna quis lacus condimentum ut vestibulum nunc ultricies. In augue nisl, tincidunt vel convallis a, pretium vel diam. Sed tincidunt odio sit amet nulla cursus porta. Aenean sed quam sem, a semper mauris. Maecenas ac nulla metus.Move to Top 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin orci erat, gravida vitae auctor sed, fringilla sit amet sem. Etiam scelerisque, ligula ac scelerisque egestas, sem arcu commodo ligula, in imperdiet arcu ipsum nec magna. Proin purus tellus, dictum at volutpat tempor, ultrices ut arcu. Nam ut diam vitae dui tristique tincidunt sed a est. Aenean rutrum, lectus at laoreet consectetur, erat leo vestibulum massa, eu pellentesque justo nisi a arcu. Aliquam fermentum volutpat eros, sed tempus dolor luctus eget. Sed sodales dapibus nisi ut venenatis. Phasellus suscipit risus nunc, non adipiscing purus. Morbi tristique dolor ac lacus euismod lacinia. Praesent ac nisi nec elit pharetra pulvinar. Vestibulum porttitor turpis vitae velit pretium vitae tincidunt sapien varius. Nullam suscipit malesuada elit, et lacinia mauris pretium id. In sem felis, fermentum nec lobortis vel, elementum quis odio. Nullam bibendum magna quis lacus condimentum ut vestibulum nunc ultricies. In augue nisl, tincidunt vel convallis a, pretium vel diam. Sed tincidunt odio sit amet nulla cursus porta. Aenean sed quam sem, a semper mauris. Maecenas ac nulla metus.Move to Top 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin orci erat, gravida vitae auctor sed, fringilla sit amet sem. Etiam scelerisque, ligula ac scelerisque egestas, sem arcu commodo ligula, in imperdiet arcu ipsum nec magna. Proin purus tellus, dictum at volutpat tempor, ultrices ut arcu. Nam ut diam vitae dui tristique tincidunt sed a est. Aenean rutrum, lectus at laoreet consectetur, erat leo vestibulum massa, eu pellentesque justo nisi a arcu. Aliquam fermentum volutpat eros, sed tempus dolor luctus eget. Sed sodales dapibus nisi ut venenatis. Phasellus suscipit risus nunc, non adipiscing purus. Morbi tristique dolor ac lacus euismod lacinia. Praesent ac nisi nec elit pharetra pulvinar. Vestibulum porttitor turpis vitae velit pretium vitae tincidunt sapien varius. Nullam suscipit malesuada elit, et lacinia mauris pretium id. In sem felis, fermentum nec lobortis vel, elementum quis odio. Nullam bibendum magna quis lacus condimentum ut vestibulum nunc ultricies. In augue nisl, tincidunt vel convallis a, pretium vel diam. Sed tincidunt odio sit amet nulla cursus porta. Aenean sed quam sem, a semper mauris. Maecenas ac nulla metus. Move to Top 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin orci erat, gravida vitae auctor sed, fringilla sit amet sem. Etiam scelerisque, ligula ac scelerisque egestas, sem arcu commodo ligula, in imperdiet arcu ipsum nec magna. Proin purus tellus, dictum at volutpat tempor, ultrices ut arcu. Nam ut diam vitae dui tristique tincidunt sed a est. Aenean rutrum, lectus at laoreet consectetur, erat leo vestibulum massa, eu pellentesque justo nisi a arcu. Aliquam fermentum volutpat eros, sed tempus dolor luctus eget. Sed sodales dapibus nisi ut venenatis. Phasellus suscipit risus nunc, non adipiscing purus. Morbi tristique dolor ac lacus euismod lacinia. Praesent ac nisi nec elit pharetra pulvinar. Vestibulum porttitor turpis vitae velit pretium vitae tincidunt sapien varius. Nullam suscipit malesuada elit, et lacinia mauris pretium id. In sem felis, fermentum nec lobortis vel, elementum quis odio. Nullam bibendum magna quis lacus condimentum ut vestibulum nunc ultricies. In augue nisl, tincidunt vel convallis a, pretium vel diam. Sed tincidunt odio sit amet nulla cursus porta. Aenean sed quam sem, a semper mauris. Maecenas ac nulla metus.Move to Top
Xano
7 February, 2010 - 19:46
Permalink
Unobtrusive JavaScript. Dat
Unobtrusive JavaScript. Dat betekent dat je geen JS in je HTML pleurt en gewoon bij het laden van de pagina alle eventhandlers aan de juiste elementen toekent met JS zelf in een extern bestand. Bekijk de jQuery docs over events en event handling maar.
Mindhunter
7 February, 2010 - 19:51
Permalink
Nou het werkt dus allemaal
Nou het werkt dus allemaal naar behoren, alleen werken de links nu via "
Move to TopEn ik weet niet hoe ik dit in een primary link zet.
Ik denk niet dat ik die in de jQuiry docs kan vinden?
Xano
7 February, 2010 - 22:17
Permalink
Lees mijn vorige reply nog
Lees mijn vorige reply nog eens. Daar staan een aantal termen (unobtrusive javascript, event handling) in waar je zoals gezegd even op moet zoeken. Heeft geen drol met Drupal te maken.