[GastForen Web allgemein HTML und CSS / Stylesheets Scrollbalken im Handy Browser nicht sichtbar

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Scrollbalken im Handy Browser nicht sichtbar

Sarah_KKF
Beiträge gesamt: 9

17. Nov 2015, 16:00
Beitrag # 1 von 1
Bewertung:
(1782 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Zusammen,

ich bin Anfängerin und benötige dringend Hilfe.
Ich möchte einem div einen Scrollbalken zuweisen, welcher allerdings auch in den mobilen Browsern sichtbar sein soll.

Ich habe folgendes versucht:

<!doctype html>
<html>
<head>
<title>Scrollbar</title>

<script src="src/overthrow-detect.js"></script>
<script src="src/overthrow-polyfill.js"></script>
<script src="src/overthrow-toss.js"></script>
<script src="src/overthrow-init.js"></script>
<script src="extensions/anchorscroll.overthrow.js"></script>
<style>
#text {
width: 50%;
}
/* Overthrow CSS: */
.overthrow {
overflow-Y: scroll;
-webkit-overflow-scrolling: touch;
z-index: 0
}
#text.overthrow {
height: 100px;
}

</style>
</head>
<body>
<div id="text" class="overthrow" >
<h3>Magnis dis parturient montes</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae velit at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum turpis iaculis eu. Duis egestas augue quis ante ornare eu tincidunt magna interdum. Vestibulum posuere risus non ipsum sollicitudin quis viverra ante feugiat. Pellentesque non faucibus lorem. Nunc tincidunt diam nec risus ornare quis porttitor enim pretium. Ut adipiscing tempor massa, a ullamcorper massa bibendum at. Suspendisse potenti. In vestibulum enim orci, nec consequat turpis. Suspendisse sit amet tellus a quam volutpat porta. Mauris ornare augue ut diam tincidunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
</div>
</body>
</html>

Der Text soll sich innerhalb des divs bewegen lassen. Auf einem Handy (iPhone 6S, Safari) wird der Balken allerdings gar nicht angezeigt und der Text abgeschnitten. Das gleiche benötige ich dann auch für andere Browser. Gefunden habe ich "overthrow" hier: https://github.com/filamentgroup/Overthrow

Vielleicht ist dies auch nicht der richtige Weg, dann wäre ich dankbar für einen anderen. ;)
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/