kostenloser Webspace werbefrei: lima-city

ScrollBALKEN entfernen, aber nicht das Scrollen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   photopizza

   photopizza hat kostenlosen Webspace.

   13:45, 7.6.2011

   Wie entferne ich die Scrollbalken, ohne den Scrolleffekt zu verlieren? Also das Scrollen sollte weiterhin möglich sein, nur ohne diese 'hässlichen' Balken. Wie bspw. bei der Textarea, nur halt in 'nem Rahmen, wie bei mir auf der Homepage: http://photopizza.lima-city.de/
   
   
   
   Liebe Grüße,
   #PizzA.
   
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. ch-lange

   

   ch-lange hat kostenlosen Webspace.

   14:13, 7.6.2011

   quick & dirty.... allerdings nur für den IE und teilweise auch Opera (hier geht der filter nicht)
   

   <style type="text/css">
   
   body {
   	
   scrollbar-3dlight-color:#FF22CC;
   scrollbar-arrow-color:#FF22CC;
   scrollbar-face-color:#FF22CC;
   scrollbar-track-color:#FF22CC;
   scrollbar-darkshadow-color:#FF22CC;
   scrollbar-highlight-color:#FF22CC;
   scrollbar-shadow-color:#FF22CC;
   FILTER:chroma(color=#FF22CC);
   
   }
   </style>

   
   

4. nemoinho

   

   nemoinho hat kostenlosen Webspace.

   15:18, 7.6.2011

   das geht relativ simpel zumindest mit CSS, dazu das passende HTML:

   <div class="container">
   <div class="scrollcontainer">
   <div class="realwidth">
   […]
   </div>
   </div>
   </div>

   Und das passende CSS:

   .container { width:500px; overflow:hidden; height:100%; }
   .scrollcontainer { width:600px; }
   .realwidth { width:500px; }

   Kannst du ja mal ausprobieren, aber ich möchte noch sagen, dass das nicht sehr angenehm zu nutzen ist, sprich kaum einer wird das freiwillig machen wollen.
   
   Mit freundlichen Grüßen

5. sneppa

   

   sneppa hat kostenlosen Webspace.

   16:36, 7.6.2011

   Wenn dir die Scrollbalken nicht gefallen würde ich den Overflow auf hidden setzen und mit Javascript dem Benutzer es möglich machen über Pfeile oder einen imitierten Scrollbalken zu scrollen.
   
   "scrolling javascript" bei Google haut viele Ergebnisse dazu raus
   oder auch "scrollbars javascript"
   
   Ich frage mich warum in diesem Fall überhaupt Scrollbalken nötig sind...
   Mache doch einfach die divs länger...
6. Autor dieses Themas

   photopizza

   photopizza hat kostenlosen Webspace.

   21:53, 7.6.2011

   Danke Leute. :)
   
   
   
   #PizzA.

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?