[GastForen Programmierung/Entwicklung JavaScript Höhe des Scrollbereich herausfinden

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

Höhe des Scrollbereich herausfinden

Canio
Beiträge gesamt: 174

21. Nov 2006, 13:39
Beitrag # 1 von 3
Bewertung:
(1273 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe einen div erstellt, der per CSS auf overflow:hidden gesetzt wird. Wie kann ich per Javascript die gesamte Höhe des Inhalts feststellen, wenn dieser größer ist als der ihn umgebende Block?
Möchte nämlich eigene Scrollbars verwenden und brauch dazu eben die Länge des Inhalts.
X

Höhe des Scrollbereich herausfinden

ganesh
Beiträge gesamt: 1981

21. Nov 2006, 15:43
Beitrag # 2 von 3
Beitrag ID: #263007
Bewertung:
(1264 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Das hier geht, aber leider nur für Firefox etc., der IE spinnt wieder mal:


<div id="container">
<div id="inside">... zig dummy-Zeilen hier zum füllen ...</div>
</div>



<script type="text/javascript">

function getStyle(oElm, strCssRule){
var strValue = "";
if(document.defaultView && document.defaultView.getComputedStyle){
strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
}
else if(oElm.currentStyle){
strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
return p1.toUpperCase();
});
strValue = oElm.currentStyle[strCssRule];
}
return strValue;
}


document.write(getStyle(document.getElementById("container"), "height"));
document.write('<br>');
document.write(getStyle(document.getElementById("inside"), "height")); // doesn't work in IE6: just displays "auto"


als Antwort auf: [#262951]

Höhe des Scrollbereich herausfinden

Canio
Beiträge gesamt: 174

21. Nov 2006, 17:28
Beitrag # 3 von 3
Beitrag ID: #263060
Bewertung:
(1255 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke, jetzt hab ich fast ein schlechtes Gewissen. Ich hab die Antwort nämlich schon gefunden:
document.getElementById("element").scrollHeight

Nicht ganz so lang, und das geht auch im IE ...


als Antwort auf: [#263007]

Aktuell

InDesign / Illustrator
IDUG_300

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/