2017-03-24 6 views
0

Immer wenn die HTML Seite die selbe Dimension hat wie die Scrollleiste, wird die Scrollleiste nicht benötigt, da die Elemente auf der Webseite (siehe meinen Code) und Länge hinzugefügt werden Die Seite ist größer als die Ansicht Bildlaufleiste erscheint und ändert sich entsprechend der Weblänge erhöht. Ich habe bereits gesehen, wie man die Scroll-Position mit scrolltop() etc. aber nie verstanden, wie es erscheint.wie sich die Scrolllänge entsprechend der Länge der Webseite ändert

einfache Blindkode

<html> 
<head> 
<style> 
.box1{ 
height:50%; 
width:100%; 
border:1px solid black; 
} 
.box2{ 
height:50%; 
width:100%; 
border :1px solid black; 
} 

</style> 
</head> 
<body> 
<div class="box1"> 
</div> 
<div class="box2"> 
</div> 
</body> 
</html> 

Seitenlänge erhöht

<html> 
<head> 
<style> 
.box1{ 
height:50%; 
width:100%; 
border:1px solid black; 
} 
.box2{ 
height:50%; 
width:100%; 
border :1px solid black; 
} 

.box3{ 
height:50%; 
width:100%; 
border:1px solid black; 
} 

</style> 
</head> 
<body> 
<div class="box1"> 
</div> 
<div class="box2"> 
</div> 
<div class="box3"> 
</div> 
</body> 
</html> 

I am curious of how the browser calculates scroll bar length(in %) according to the length of the page and how the scroll bar length increases/decreases based on the webpage. Gibt es irgendeine mathematische Formel (nicht sicher) so etwas wie berechnen Sie die gesamte Länge der Seite (Länge der Elemente) - (Ansicht Dimension des Browsers)/(durch eine unbekannte Variable).

Antwort

0

Der Browser nimmt die Höhe Ihres Bildschirms (sagen Sie 1000px) und berechnet den Prozentsatz der gesamten Dokumentenhöhe. Wenn die Dokumentenhöhe 3000 px ist, ist das Ergebnis ~ 33%. Daher muss die Höhe der Bildlaufleiste 33% der Bildschirmhöhe betragen, in Pixel 333 Pixel.

0

Es kann so etwas wie dieses

var heightIs = parseInt($(window).height()/($("body").height()/$(window).height())); 

Sie erhalten das Verhältnis bewteen Körpergröße und Fensterhöhe und teilen sich dann die Fensterhöhe mit diesem Verhältnis sein.

Verwandte Themen