затаите дыхание
затаите дыхание
затаите дыхание

ваш браузер не пригоден для будущего

15+
15+
9+
8+
7+
Эпоха полосы прокрутки завершена
представляем
интэнс
удивительно эффектный и наглядный индикатор прокрутки
Вместе с интерактивным навигационным меню (например таким, как справа), интэнс призван заменить традиционную полосу прокрутки. Он подсвечивает область прокрутки, показывает, много ли ещё прокручивать, и предлагается в качестве общего обозначения прокручиваемой области:
Как это работает

текст справа исчезает в специальной текстуре — это означает, что область можно прокручивать
когда текст прокручивается, такой же индикатор появляется сверху
он увеличивается по мере того, как всё больше текста оказывается за верхним краем
индикатор снизу уменьшается, потому что текст скоро закончится...
...и полностью исчезает, когда текст прокручен до конца

Event horizon

In general relativity, an event horizon is a boundary in spacetime beyond which events cannot affect an outside observer. In layman's terms, it is defined as "the point of no return", i.e., the point at which the gravitational pull becomes so great as to make escape impossible. An event horizon is most commonly associated with black holes. Light emitted from beyond the event horizon can never reach the outside observer. Likewise, any object approaching the horizon from the observer's side appears to slow down and never quite pass through the horizon, with its image becoming more and more redshifted as time elapses. The traveling object, however, experiences no strange effects and does, in fact, pass through the horizon in a finite amount of proper time.

More specific types of horizon include the related but distinct absolute and apparent horizons found around a black hole. Still other distinct notions include the Cauchy and Killing horizon; the photon spheres and ergospheres of the Kerr solution; particle and cosmological horizons relevant to cosmology; and isolated and dynamical horizons important in current black hole research.

Event horizon of a black hole

One of the best-known examples of an event horizon derives from general relativity's description of a black hole, a celestial object so massive that no nearby matter or radiation can escape its gravitational field. Often, this is described as the boundary within which the black hole's escape velocity is greater than the speed of light. However, a more accurate description is that within this horizon, all lightlike paths (paths that light could take) and hence all paths in the forward light cones of particles within the horizon, are warped so as to fall farther into the hole. Once a particle is inside the horizon, moving into the hole is as inevitable as moving forward in time, and can actually be thought of as equivalent to doing so, depending on the spacetime coordinate system used.

The surface at the Schwarzschild radius acts as an event horizon in a non-rotating body that fits inside this radius (although a rotating black hole operates slightly differently). The Schwarzschild radius of an object is proportional to its mass. Theoretically, any amount of matter will become a black hole if compressed into a space that fits within its corresponding Schwarzschild radius. For the mass of the Sun this radius is approximately 3 kilometers and for the Earth it is about 9 millimeters. In practice, however, neither the Earth nor the Sun has the necessary mass and therefore the necessary gravitational force, to overcome electron and neutron degeneracy pressure. The minimal mass required for a star to be able to collapse beyond these pressures is the Tolman-Oppenheimer-Volkoff limit, which is approximately three solar masses.

Black hole event horizons are widely misunderstood. Common, although erroneous, is the notion that black holes “vacuum up” material in their neighborhood, where in fact they are no more capable of “seeking out” material to consume than any other gravitational attractor. As with any mass in the universe, matter must come within its gravitational scope for the possibility to exist of capture or consolidation with any other mass. Equally common is the idea that matter can be observed “falling into” a black hole. This is not possible. Astronomers can only detect accretion disks around black holes, where material moves with such speed that friction creates high-energy radiation which can be detected. (Similarly, some matter from these accretion disks is forced out along the axes of spin of the black hole, creating visible jets when these streams interact with matter such as interstellar gas or when they happen to be aimed directly at earth.) Further, relativity dictates that anything approaching an event horizon will, from the point of view of an observer, never actually cross the horizon, but will approach ever more slowly, gaining mass as it does so and, correspondingly, any light it emits will be further and further redshifted.

Cosmic event horizon

In cosmology, the event horizon of the observable universe is the largest comoving distance from which light emitted now can ever reach the observer in the future. This differs from the concept of particle horizon, which represents the largest comoving distance from which light emitted in the past could have reached the observer at a given time. For events beyond that distance, light has not had time to reach our location, even if it were emitted at the time the universe began. How the particle horizon changes with time depends on the nature of the expansion of the universe. If the expansion has certain characteristics, there are parts of the universe that will never be observable, no matter how long the observer waits for light from those regions to arrive. The boundary past which events cannot ever be observed is an event horizon, and it represents the maximum extent of the particle horizon.

Examples of cosmological models without an event horizon are universes dominated by matter or by radiation. An example of a cosmological model with an event horizon is a universe dominated by the cosmological constant (a de Sitter universe).

A calculation of the speeds of the cosmological event and particle horizons was given in a paper on the FLRW cosmological model, approximating the universe as composed of non-interacting constituents, each one being a perfect fluid.

Apparent horizon of an accelerated particle

If a particle is moving at a constant velocity in a non-expanding universe free of gravitational fields, any event that occurs in that universe will eventually be observable by the particle, because the forward light cones from these events intersect the particle's world line. On the other hand, if the particle is accelerating, in some situations light cones from some events never intersect the particle's world line. Under these conditions, an apparent horizon is present in the particle's (accelerating) reference frame, representing a boundary beyond which events are unobservable.

For example, this occurs with a uniformly accelerated particle. A space-time diagram of this situation is shown in the figure to the right. As the particle accelerates, it approaches, but never reaches, the speed of light with respect to its original reference frame. On the space-time diagram, its path is a hyperbola, which asymptotically approaches a 45 degree line (the path of a light ray). An event whose light cone's edge is this asymptote or is farther away than this asymptote can never be observed by the accelerating particle. In the particle's reference frame, there appears to be a boundary behind it from which no signals can escape (an apparent horizon).

While approximations of this type of situation can occur in the real world (in particle accelerators, for example), a true event horizon is never present, as the particle must be accelerated indefinitely (requiring arbitrarily large amounts of energy and an arbitrarily large apparatus).

Interacting with an event horizon

A misconception concerning event horizons, especially black hole event horizons, is that they represent an immutable surface that destroys objects that approach them. In practice, all event horizons appear to be some distance away from any observer, and objects sent towards an event horizon never appear to cross it from the sending observer's point of view (as the horizon-crossing event's light cone never intersects the observer's world line). Attempting to make an object near the horizon remain stationary with respect to an observer requires applying a force whose magnitude increases unbounded (becoming infinite) the closer it gets.

For the case of a horizon perceived by a uniformly accelerating observer in empty space, the horizon seems to remain a fixed distance from the observer no matter how its surroundings move. Varying the observer's acceleration may cause the horizon to appear to move over time, or may prevent an event horizon from existing, depending on the acceleration function chosen. The observer never touches the horizon and never passes a location where it appeared to be.

For the case of a horizon perceived by an occupant of a de Sitter Universe, the horizon always appears to be a fixed distance away for a non-accelerating observer. It is never contacted, even by an accelerating observer.

For the case of the horizon around a black hole, observers stationary with respect to a distant object will all agree on where the horizon is. While this seems to allow an observer lowered towards the hole on a rope (or rod) to contact the horizon, in practice this cannot be done. The proper distance to the horizon is finite, so the length of rope needed would be finite as well, but if the rope were lowered slowly (so that each point on the rope was approximately at rest in Schwarzschild coordinates), the proper acceleration (G-force) experienced by points on the rope closer and closer to the horizon would approach infinity, so the rope would be torn apart. If the rope is lowered quickly (perhaps even in freefall), then indeed the observer at the bottom of the rope can touch and even cross the event horizon. But once this happens it is impossible to pull the bottom of rope back out of the event horizon, since if the rope is pulled taut, the forces along the rope increase without bound as they approach the event horizon and at some point the rope must break. Furthermore, the break must occur not at the event horizon, but at a point where the second observer can observe it.

Observers crossing a black hole event horizon can calculate the moment they have crossed it, but will not actually see or feel anything special happen at that moment. In terms of visual appearance, observers who fall into the hole perceive the black region constituting the horizon as lying at some apparent distance below them, and never experience crossing this visual horizon. Other objects that had entered the horizon along the same radial path but at an earlier time would appear below the observer but still above the visual position of the horizon, and if they had fallen in recently enough the observer could exchange messages with them before either one was destroyed by the gravitational singularity. Increasing tidal forces (and eventual impact with the hole's singularity) are the only locally noticeable effects.

Beyond general relativity

The description of event horizons given by general relativity is thought to be incomplete. When the conditions under which event horizons occur are modeled using a more comprehensive picture of the way the universe works, that includes both relativity and quantum mechanics, event horizons are expected to have properties that are different from those predicted using general relativity alone.

At present, it is expected that the primary impact of quantum effects is for event horizons to possess a temperature and so emit radiation. For black holes, this manifests as Hawking radiation, and the larger question of how the black hole possesses a temperature is part of the topic of black hole thermodynamics. For accelerating particles, this manifests as the Unruh effect, which causes space around the particle to appear to be filled with matter and radiation.

A complete description of event horizons is expected to, at minimum, require a theory of quantum gravity. One such candidate theory is M-theory. Another such candidate theory is loop quantum gravity.

Loop quantum gravity

Loop quantum gravity is a theory that attempts to describe the quantum properties of the universe and gravity. It is also a theory of quantum space and quantum time because, according to general relativity, the geometry of spacetime is a manifestation of gravity. LQG is an attempt to merge and adapt standard quantum mechanics and standard general relativity. The main output of the theory is a physical picture of space where space is granular. The granularity is a direct consequence of the quantization. It has the same nature as the granularity of the photons in the quantum theory of electromagnetism or the discrete levels of the energy of the atoms. Here, it is space itself that is discrete. In other words, there is a minimum distance possible to travel through it.

More precisely, space can be viewed as an extremely fine fabric or network "woven" of finite loops. These networks of loops are called spin networks. The evolution of a spin network over time is called a spin foam. The predicted size of this structure is the Planck length, which is approximately 10−35 meters. According to the theory, there is no meaning to distance at scales smaller than the Planck scale. Therefore, LQG predicts that not just matter, but also space itself has an atomic structure.

Today LQG is a vast area of research, developing in several directions, which involves about 30 research groups worldwide. They all share the basic physical assumptions and the mathematical description of quantum space. The full development of the theory is being pursued in two directions: the more traditional canonical loop quantum gravity, and the newer covariant loop quantum gravity, more commonly called spin foam theory.

Research into the physical consequences of the theory is proceeding in several directions. Among these, the most well-developed is the application of LQG to cosmology, called loop quantum cosmology (LQC). LQC applies LQG ideas to the study of the early universe and the physics of the Big Bang. Its most spectacular consequence is that the evolution of the universe can be continued beyond the Big Bang. The Big Bang appears thus to be replaced by a sort of cosmic Big Bounce.

In 1986, Abhay Ashtekar reformulated Einstein's general relativity in a language closer to that of the rest of fundamental physics. Shortly after, Ted Jacobson and Lee Smolin realized that the formal equation of quantum gravity, called the Wheeler–DeWitt equation, admitted solutions labelled by loops, when rewritten in the new Ashtekar variables, and Carlo Rovelli and Lee Smolin defined a nonperturbative and background-independent quantum theory of gravity in terms of these loop solutions. Jorge Pullin and Jerzy Lewandowski understood that the intersections of the loops are essential for the consistency of the theory, and the theory should be formulated in terms of intersecting loops, or graphs.

In 1994, Rovelli and Smolin showed that the quantum operators of the theory associated to area and volume have a discrete spectrum. That is, geometry is quantized. This result defines an explicit basis of states of quantum geometry, which turned out to be labelled by Roger Penrose's spin networks, which are graphs labelled by spins.

The canonical version of the dynamics was put on firm ground by Thomas Thiemann, who defined an anomaly-free Hamiltonian operator, showing the existence of a mathematically consistent background-independent theory. The covariant or spinfoam version of the dynamics developed during several decades, and crystallized in 2008, from the joint work of research groups in France, Canada, UK, Poland, and Germany, lead to the definition of a family of transition amplitudes, which in the classical limit can be shown to be related to a family of truncations of general relativity. The finiteness of these amplitudes was proven in 2011. It requires the existence of a positive cosmological constant, and this is consistent with observed acceleration in the expansion of the Universe.

прокрутите
интэнс говорит
простым языком:
Полоса прокрутки была придумана в 70-х годах,
и до сих пор говорит на языке учёных, которые пользовались компьютерами в то время:
Мы почти наверху
Вниз мотать ещё долго
1/16 содержимого за верхним краем
Около 1/5 всего содержимого отображается в видимой области
Приблизительно 10/13 содержимого располагается за пределами нижнего края видимой области
интэнс ясно обозначает, что именно можно прокручивать:
Полоса прокрутки находится сбоку, и не всегда понятно,
к чему она относится:
Правая часть прокручивается,
меню неподвижно
Меню слева тоже прокручивается?
С полосой этого не понять, пока не попробуешь...
интэнс адаптивный:
попробуйте также изменить высоту окна браузера и посмотрите как отреагирует индикатор на этой странице
Для маленьких областей интэнс сжимается и никогда не перекрывает слишком много содержимого
Если область достаточно большая, индикатор станет более заметным, чтобы состояние прокрутки можно было определить краем глаза
интэнс особенно подходит для случаев, когда содержимое добавляется в процессе прокрутки:
Полоса прокрутки перемещается случайным образом и вообще ничего не обозначает
прокрутите эти области
Augsburg. Ein Garten.
Zwei Nürnberger Kaufleute.
Erster Kaufmann
Hier wollen wir stehn, denn da muß der Kaiser vorbei. Er kommt eben den langen Gang herauf.
Zweiter Kaufmann
Wer ist bei ihm?
Erster Kaufmann
Adelbert von Weislingen!
Zweiter Kaufmann
Bambergs Freund! Das ist gut.
Erster Kaufmann
Wir wollen einen Fußfall thun, und ich will reden.
Zweiter Kaufmann
Wohl, da kommen sie.
Kaiser. Weislingen.
Erster Kaufmann
Er sieht verdrießlich aus.
Kaiser
Ich bin unmuthig, Weislingen, und wenn ich auf mein vergangenes Leben zurück sehe, möcht’ ich verzagt werden; so viel halbe, so viel verunglückte Unternehmungen! und das alles, weil kein Fürst im Reich so klein ist, dem nicht mehr an seinen Grillen gelegen wäre als an meinen Gedanken.
Die Kaufleute werfen sich ihm zu Füßen.
Kaufmann
Allerdurchlauchtigster! Großmächtigster!
Kaiser
Wer seid ihr? Was gibt’s?
Kaufmann
Arme Kaufleute von Nürnberg, Eurer Majestät Knechte, und flehen um Hülfe. Götz von Berlichingen und Hanns von Selbitz haben unser dreißig, die von der Frankfurter Messe kamen, im Bambergischen Geleite niedergeworfen und beraubt; wir bitten Eure Kaiserliche Majestät um Hülfe, um Beistand, sonst sind wir alle verdorbene Leute, genöthigt unser Brot zu betteln.
Kaiser
Heiliger Gott! Heiliger Gott! Was ist das? Der eine hat nur Eine Hand, der andere nur Ein Bein; wenn sie denn erst zwei Hände hätten, und zwei Beine, was wolltet ihr dann thun?
Kaufmann
Wir bitten Eure Majestät unterthänigst, auf unsere bedrängten Umstände ein mitleidiges Auge zu werfen.
Kaiser
Wie geht’s zu! Wenn ein Kaufmann einen Pfeffersack verliert, soll man das ganze Reich aufmahnen; und wenn Händel vorhanden sind, daran Kaiserlicher Majestät und dem Reich viel gelegen ist, daß es Königreich, Fürstenthum, Herzogthum und anders betrifft, so kann euch kein Mensch zusammen bringen.
Weislingen
Ihr kommt zur ungelegnen Zeit. Geht und verweilt einige Tage hier.
Kaufleute
Wir empfehlen uns zu Gnaden. (Ab.)
Kaiser
Wieder neue Händel. Sie wachsen nach wie die Köpfe der Hydra.
Weislingen
Und sind nicht auszurotten als mit Feuer und Schwert, und einer muthigen Unternehmung.
Kaiser
Glaubt ihr?
Weislingen
Ich halte nichts für thunlicher, wenn Eure Majestät und die Fürsten sich über andern unbedeutenden Zwist vereinigen könnten. Es ist mit nichten ganz Deutschland, das über Beunruhigung klagt. Franken und Schwaben allein glimmt noch von den Resten des innerlichen verderblichen Bürgerkriegs. Und auch da sind viele der Edeln und Freien, die sich nach Ruhe sehnen. Hätten wir einmal diesen Sickingen, Selbitz – Berlichingen auf die Seite geschafft, das Übrige würde bald von sich selbst zerfallen. Denn sie sind’s, deren Geist die aufrührische Menge belebt.
Kaiser
Ich möchte die Leute gerne schonen, sie sind tapfer und edel. Wenn ich Krieg führte, müßten sie mit mir zu Felde.
Weislingen
Es wäre zu wünschen, daß sie von jeher gelernt hätten ihrer Pflicht zu gehorchen. Und dann wär’ es höchst gefährlich ihre aufrührischen Unternehmungen durch Ehrenstellen zu belohnen. Denn eben diese Kaiserliche Mild’ und Gnade ist’s, die sie bisher so ungeheuer mißbrauchten, und ihr Anhang, der sein Vertrauen und Hoffnung darauf setzt, wird nicht ehe zu bändigen sein, bis wir sie ganz vor den Augen der Welt zu nichte gemacht, und ihnen alle Hoffnung jemals wieder empor zu kommen völlig abgeschnitten haben.
Kaiser
Ihr rathet also zur Strenge?
Weislingen
Ich sehe kein ander Mittel, den Schwindelgeist, der ganze Landschaften ergreift, zu bannen. Hören wir nicht schon hier und da die bittersten Klagen der Edeln, daß ihre Unterthanen, ihre Leibeignen sich gegen sie auflehnen und mit ihnen rechten, ihnen die hergebrachte Oberherrschaft zu schmälern drohen, so daß die gefährlichsten Folgen zu fürchten sind?
Kaiser
Jetzt wär’ eine schöne Gelegenheit wider den Berlichingen und Selbitz; nur wollt’ ich nicht daß ihnen was zu Leid’ geschehe. Gefangen möcht’ ich sie haben, und dann müßten sie Urfehde schwören, auf ihren Schlössern ruhig zu bleiben, und nicht aus ihrem Bann zu gehen. Bei der nächsten Session will ich’s vortragen.
Weislingen
Ein freudiger beistimmender Zuruf wird Eurer Majestät das Ende der Rede ersparen. (Ab.)
Jaxthausen.
Sickingen. Berlichingen.
Sickingen
Ja, ich komme eure edle Schwester um ihr Herz und ihre Hand zu bitten.
Götz
So wollt’ ich ihr wärt eher kommen. Ich muß euch sagen: Weislingen hat während seiner Gefangenschaft ihre Liebe gewonnen, um sie angehalten, und ich sagt sie ihm zu. Ich hab’ ihn los gelassen, den Vogel, und er verachtet die gütige Hand, die ihm in der Noth Futter reichte. Er schwirrt herum, weiß Gott auf welcher Hecke seine Nahrung zu suchen.
Sickingen
Ist das so?
Götz
Wie ich sage.
Sickingen
Er hat ein doppeltes Band zerrissen. Wohl euch, daß ihr mit dem Verräther nicht näher verwandt worden.
Götz
Sie sitzt, das arme Mädchen, verjammert und verbetet ihr Leben.
Sickingen
Wir wollen sie singen machen.
Götz
Wie! Entschließet ihr euch eine Verlaßne zu heirathen.
Sickingen
Es macht euch beiden Ehre, von ihm betrogen worden zu sein. Soll darum das arme Mädchen in ein Kloster gehn, weil der erste Mann, den sie kannte, ein Nichtswürdiger war? Nein doch! ich bleibe darauf, sie soll Königin von meinen Schlössern werden.
Götz
Ich sage euch, sie war nicht gleichgültig gegen ihn.
Sickingen
Traust du mir nicht zu, daß ich den Schatten eines Elenden sollte verjagen können? Laß uns zu ihr. (Ab.)
Lager der Reichsexecution.
Hauptmann. Officiere.
Hauptmann
Wir müssen behutsam gehn und unsere Leute so viel möglich schonen. Auch ist unsere gemessene Ordre ihn in die Enge zu treiben und lebendig gefangen zu nehmen. Es wird schwer halten, denn wer mag sich an ihn machen?
Erster Officier
Freilich! Und er wird sich wehren wie ein wildes Schwein. Überhaupt hat er uns sein Lebelang nichts zu Leid’ gethan, und jeder wird’s von sich schieben, Kaiser und Reich zu Gefallen, Arm und Bein daran zu setzen.
Zweiter Officier
Es wäre eine Schande wenn wir ihn nicht kriegten. Wenn ich ihn nur einmal bei’m Lappen habe, er soll nicht los kommen.
Erster Officier
Faßt ihn nur nicht mit Zähnen, er möchte euch die Kinnbacken ausziehen. Guter junger Herr, dergleichen Leut packen sich nicht wie ein flüchtiger Dieb.
Zweiter Officier
Wollen sehn.
Hauptmann
Unsern Brief muß er nun haben. Wir wollen nicht säumen, und einen Trupp ausschicken, der ihn beobachten soll.
Zweiter Officier
Laßt mich ihn führen.
Hauptmann
Ihr seid der Gegend unkundig.
Zweiter Officier
Ich hab’ einen Knecht, der hier geboren und erzogen ist.
Hauptmann
Ich bin’s zufrieden. (Ab.)
Jaxthausen.
Sickingen.
Sickingen
Es geht alles nach Wunsch; sie war etwas bestürzt über meinen Antrag, und sah mich vom Kopf bis auf die Füße an; ich wette sie verglich mich mit ihrem Weißfisch. Gott sei Dank, daß ich mich stellen darf. Sie antwortete wenig, und durch einander; desto besser! Es mag eine Zeit kochen. Bei Mädchen, die durch Liebesunglück gebeitzt sind, wird ein Heirathsvorschlag bald gar.
Götz kommt.
Sickingen
Was bringt ihr, Schwager.
Götz
In die Acht erklärt!
Sickingen
Was?
Götz
Da les’t den erbaulichen Brief. Der Kaiser hat Execution gegen mich verordnet, die mein Fleisch den Vögeln unter dem Himmel und den Thieren auf dem Felde zu fressen vorschneiden soll.
Sickingen
Erst sollen sie dran. Just zur gelegenen Zeit bin ich hier.
Götz
Nein, Sickingen, ihr sollt fort. Eure großen Anschläge könnten darüber zu Grunde gehn, wenn ihr zu so ungelegner Zeit des Reichs Feind werden wolltet. Auch mir werdet ihr weit mehr nutzen, wenn ihr neutral zu sein scheint. Der Kaiser liebt euch, und das Schlimmste das mir begegnen kann, ist gefangen zu werden; dann braucht euer Vorwort, und reißt mich aus einem Elend, in das unzeitige Hülfe uns beide stürzen könnte. Denn was wär’s? Jetzo geht der Zug gegen mich; erfahren sie du bist bei mir, so schicken sie mehr, und wir sind um nichts gebessert. Der Kaiser sitzt an der Quelle, und ich wär schon jetzt unwiederbringlich verloren, wenn man Tapferkeit so geschwind einblasen könnte, als man einen Haufen zusammen blasen kann.
Sickingen
Doch kann ich heimlich ein zwanzig Reiter zu euch stoßen lassen.
Götz
Gut. Ich hab schon Georgen nach dem Selbitz geschickt, und meine Knechte in der Nachbarschaft herum. Lieber Schwager, wenn meine Leute beisammen sind, es wird ein Häufchen sein, dergleichen wenig Fürsten beisammen gesehen haben.
Sickingen
Ihr werdet gegen die Menge wenig sein.
Götz
Ein Wolf ist einer ganzen Heerde Schafe zu viel.
Sickingen
Wenn sie aber einen guten Hirten haben?
Götz
Sorg du. Es sind lauter Miethlinge. Und dann kann der beste Ritter nichts machen, wenn er nicht Herr von seinen Handlungen ist. So kamen sie mir auch einmal, wie ich dem Pfalzgrafen zugesagt hatte gegen Conrad Schotten zu dienen; da legt’ er mir einen Zettel aus der Kanzlei vor, wie ich reiten und mich halten sollt; da warf ich den Räthen das Papier wieder dar, und sagt’: ich wüßt nicht darnach zu handlen, ich weiß nicht was mir begegnen mag, das steht nicht im Zettel, ich muß die Augen selbst aufthun, und sehn was ich zu schaffen hab.
Sickingen
Glück zu, Bruder! Ich will gleich fort und dir schicken was ich in der Eil zusammen treiben kann.
Götz
Komm noch zu den Frauen, ich ließ sie beisammen. Ich wollte daß du ihr Wort hättest ehe du gingst. Dann schick mir die Reiter, und komm heimlich wieder Marien abzuholen, denn mein Schloß, fürcht’ ich, wird bald kein Aufenthalt für Weiber mehr sein.
Sickingen
Wollen das Beste hoffen. (Ab.)
Bamberg.
Adelheidens Zimmer.
Adelheid. Franz.
Adelheid
So sind die beiden Executionen schon aufgebrochen?
Franz
Ja, und mein Herr hat die Freude gegen eure Feinde zu ziehen. Ich wollte gleich mit, so gern ich zu euch gehe. Auch will ich jetzt wieder fort, um bald mit fröhlicher Botschaft wiederzukehren. Mein Herr hat mir’s erlaubt.
Adelheid
Wie steht’s mit ihm?
Franz
Er ist munter. Mir befahl er eure Hand zu küssen.
Adelheid
Da – deine Lippen sind warm.
Franz (vor sich, auf die Brust deutend)
Hier ist’s noch wärmer! (Laut.) Gnädige Frau, eure Diener sind die glücklichsten Menschen unter der Sonne.
Adelheid
Wer führt gegen Berlichingen?
Franz
Der von Sirau. Lebt wohl, beste gnädige Frau! Ich will wieder fort. Vergeßt mich nicht.
Adelheid
Du mußt was essen, trinken, und rasten.
Franz
Wozu das? Ich hab’ euch ja gesehen. Ich bin nicht müd noch hungrig.
Adelheid
Ich kenne deine Treu.
Franz
Ach, gnädige Frau!
Adelheid
Du hältst’s nicht aus, beruhige dich, und nimm was zu dir.
Franz
Eure Sorgfalt für einen armen Jungen! (Ab.)
Adelheid
Die Thränen stehn ihm in den Augen. Ich lieb’ ihn von Herzen. So wahr und warm hat noch niemand an mir gehangen. (Ab.)
Jaxthausen.
Götz. Georg.
Georg
Er will selbst mit euch sprechen. Ich kenn’ ihn nicht; es ist ein stattlicher Mann, mit schwarzen feurigen Augen.
Götz
Bring’ ihn herein.
Lerse kommt.
Götz
Gott grüß’ euch! Was bringt ihr?
Lerse
Mich selbst, das ist nicht viel, doch alles was es ist biet’ ich euch an.
Götz
Ihr seid mir willkommen, doppelt willkommen, ein braver Mann, und zu dieser Zeit, da ich nicht hoffte neue Freunde zu gewinnen, eher den Verlust der alten stündlich fürchtete. Gebt mir euern Namen.
Lerse
Franz Lerse.
Götz
Ich danke euch, Franz, daß ihr mich mit einem braven Mann bekannt macht.
Lerse
Ich machte euch schon einmal mit mir bekannt, aber damals danktet ihr mir nicht dafür.
Götz
Ich erinnere mich eurer nicht.
Lerse
Es wäre mir leid. Wißt ihr noch, wie ihr um des Pfalzgrafen willen Conrad Schotten feind wart, und nach Haßfurt auf die Fastnacht reiten wolltet?
Götz
Wohl weiß ich es.
Lerse
Wißt ihr, wie ihr unterwegs bei einem Dorf fünfundzwanzig Reitern entgegen kamt?
Götz
Richtig. Ich hielt sie anfangs nur für zwölfe, und theilt meinen Haufen, waren unser sechzehn, und hielt am Dorf hinter der Scheuer, in willens sie sollten bei mir vorbeiziehen. Dann wollt’ ich ihnen nachrucken, wie ich’s mit dem andern Haufen abgeredt hatte.
Lerse
Aber wir sahn euch, und zogen auf eine Höhe am Dorf. Ihr zogt herbei und hieltet unten. Wie wir sahn ihr wolltet nicht herauf kommen, ritten wir herab.
Götz
Da sah ich erst, daß ich mit der Hand in die Kohlen geschlagen hatte. Fünfundzwanzig gegen acht! Da galt’s kein Feiern. Erhard Truchses durchstach mir einen Knecht, dafür rannt’ ich ihn vom Pferde. Hätten sie sich alle gehalten wie er und ein Knecht, es wäre mein und meines kleinen Häufchens übel gewahrt gewesen.
Lerse
Der Knecht, wovon ihr sagtet –
Götz
Es war der bravste den ich gesehen habe. Er setzte mir heiß zu. Wenn ich dachte, ich hätt’ ihn von mir gebracht, wollte mit andern zu schaffen haben, war er wieder an mir, und schlug feindlich zu. Er hieb mir auch durch den Panzerärmel hindurch, daß es ein wenig gefleischt hatte.
Lerse
Habt ihr’s ihm verziehen?
Götz
Er gefiel mir mehr als zu wohl.
Lerse
Nun so hoff’ ich daß ihr mit mir zufrieden sein werdet; ich hab mein Probstück an euch selbst abgelegt.
Götz
Bist du’s? O willkommen, willkommen! Kannst du sagen, Maximilian, du hast unter deinen Dienern Einen so geworben!
Lerse
Mich wundert daß ihr nicht eh auf mich gefallen seid.
Götz
Wie sollte mir einkommen, daß der mir seine Dienste anbieten würde, der auf das feindseligste mich zu überwältigen trachtete?
Lerse
Eben das, Herr! Von Jugend auf dien’ ich als Reitersknecht, und hab’s mit manchem Ritter aufgenommen. Da wir auf euch stießen, freut’ ich mich. Ich kannte euern Namen, und da lernt’ ich euch kennen. Ihr wißt, ich hielt nicht Stand; ihr saht, es war nicht Furcht, denn ich kam wieder. Kurz ich lernt’ euch kennen, und von Stund an beschloß ich euch zu dienen.
Götz
Wie lange wollt ihr bei mir aushalten?
Lerse
Auf ein Jahr. Ohne Entgeld.
Götz
Nein, ihr sollt gehalten werden wie ein anderer, und drüber, wie der, der mir bei Remlin zu schaffen machte.
Georg kommt.
Georg
Hanns von Selbitz läßt euch grüßen. Morgen ist er hier mit funfzig Mann.
Götz
Wohl.
Georg
Es zieht am Kocher ein Trupp Reichsvölker herunter; ohne Zweifel euch zu beobachten.
Götz
Wie viel?
Georg
Ihrer funfzig.
Götz
Nicht mehr! Komm, Lerse, wir wollen sie zusammenschmeißen, wenn Selbitz kommt daß er schon ein Stück Arbeit gethan findet.
Lerse
Das soll eine reichliche Vorlese werden.
Götz
Zu Pferde! (Ab.)
Wald an einem Morast.
Zwei Reichsknechte begegnen einander.
Erster Knecht
Was machst du hier?
Zweiter Knecht
Ich hab’ Urlaub gebeten meine Nothdurft zu verrichten. Seit dem blinden Lärmen gestern Abends ist mir’s in die Gedärme geschlagen, daß ich alle Augenblicke vom Pferd muß.
Erster Knecht
Hält der Trupp hier in der Nähe?
Zweiter Knecht
Wohl eine Stunde den Wald hinauf.
Erster Knecht
Wie verläufst du dich denn hieher?
Zweiter Knecht
Ich bitte dich verrath mich nicht. Ich will auf’s nächste Dorf, und sehn ob ich nit mit warmen Überschlägen meinem Übel abhelfen kann. Wo kommst du her?
Erster Knecht
Vom nächsten Dorf. Ich hab’ unserm Officier Wein und Brot geholt.
Zweiter Knecht
So, er thut sich was zu Gut vor unserm Angesicht, und wir sollen fasten! Schön Exempel!
Erster Knecht
Komm mit zurück, Schurke.
Zweiter Knecht
Wär’ ich ein Narr! Es sind noch viele unter’m Haufen, die gern fasteten, wenn sie so weit davon wären als ich.
Erster Knecht
Hörst du! Pferde!
Zweiter Knecht
O weh!
Erster Knecht
Ich klettere auf den Baum.
Zweiter Knecht
Ich steck mich in’s Rohr.
Götz, Lerse, Georg, Knechte zu Pferde.
Götz
Hier am Teich weg und linker Hand in den Wald, so kommen wir ihnen in Rücken.
Sie ziehen vorbei.
Erster Knecht (steigt vom Baum)
Da ist nicht gut sein. Michel! Er antwortet nicht? Michel, sie sind fort! (Er geht nach dem Sumpf.) Michel! O weh er ist versunken. Michel! Er hört mich nicht, er ist erstickt. Bist doch krepirt, du Memme. – Wir sind geschlagen. Feinde, überall Feinde!
Götz, Georg zu Pferde.
Götz
Halt Kerl, oder du bist des Todes!
Knecht
Schont meines Lebens!
Götz
Dein Schwert! Georg, führ’ ihn zu den andern Gefangenen, die Lerse dort unten am Wald hat. Ich muß ihren flüchtigen Führer erreichen. (Ab.)
Knecht
Was ist aus unserm Ritter geworden der uns führte?
Georg
Unterst zu oberst stürzt’ ihn mein Herr vom Pferd, daß der Federbusch im Koth stak. Seine Reiter huben ihn auf’s Pferd und fort, wie besessen. (Ab.)
Lager.
Hauptmann. Erster Ritter.
Erster Ritter
Sie fliehen von weitem dem Lager zu.
Hauptmann
Er wird ihnen an den Fersen sein. Laßt ein funfzig ausrücken bis an die Mühle; wenn er sich zu weit verliert, erwischt ihr ihn vielleicht. (Ritter ab.)
Zweiter Ritter geführt.
Hauptmann
Wie geht’s junger Herr? Habt ihr ein paar Zinken abgerennt?
Ritter
Daß dich die Pest! Das stärkste Geweih wäre gesplittert wie Glas. Du Teufel! Er rannt’ auf mich los, es war mir als wenn mich der Donner in die Erd’ hinein schlüg.
Hauptmann
Dankt Gott daß ihr noch davon gekommen seid.
Ritter
Es ist nichts zu danken, ein paar Rippen sind entzwei. Wo ist der Feldscher? (Ab.)
Jaxthausen.
Götz.Selbitz.
Götz
Was sagst du zu der Achtserklärung, Selbitz?
Selbitz
Es ist ein Streich von Weislingen.
Götz
Meinst du?
Selbitz
Ich meine nicht, ich weiß.
Götz
Woher?
Selbitz
Er war auf dem Reichstag, sag’ ich dir, er war um den Kaiser.
Götz
Wohl, so machen wir ihm wieder einen Anschlag zu nichte.
Selbitz
Hoff’s.
Götz
Wir wollen fort! und soll die Hasenjagd angehn.
Lager.
Hauptmann. Ritter.
Hauptmann
Dabei kommt nichts heraus, ihr Herrn. Er schlägt uns einen Haufen nach dem andern, und was nicht umkommt und gefangen wird, das läuft in Gottes Namen lieber nach der Türkei als in’s Lager zurück. So werden wir alle Tag schwächer. Wir müssen einmal für allemal ihm zu Leib gehen, und das mit Ernst; ich will selbst dabei sein, und er soll sehn mit wem er zu thun hat.
Ritter
Wir sind’s all zufrieden; nur ist er der Landsart so kundig, weiß alle Gänge und Schliche im Gebirg, daß er so wenig zu fangen ist wie eine Maus auf dem Kornboden.
Hauptmann
Wollen ihn schon kriegen. Erst auf Jaxthausen zu. Mag er wollen oder nicht, er muß herbei sein Schloß zu vertheidigen.
Ritter
Soll unser ganzer Hauf marschiren?
Hauptmann
Freilich! Wißt ihr daß wir schon um hundert geschmolzen sind?
Ritter
Drum geschwind, eh der ganze Eisklumpen aufthaut; es macht warm in der Nähe, und wir stehn da wie Butter an der Sonne. (Ab.)
Gebirg und Wald.
Götz. Selbitz. Trupp.
Götz
Sie kommen mit hellem Hauf. Es war hohe Zeit daß Sickingens Reiter zu uns stießen.
Selbitz
Wir wollen uns theilen. Ich will linker Hand um die Höhe ziehen.
Götz
Gut. Und du, Franz, führe mir die funfzig rechts durch den Wald hinauf; sie kommen über die Heide, ich will gegen ihnen halten. Georg, du bleibst um mich. Und wenn ihr seht daß sie mich angreifen, so fallt ungesäumt in die Seiten. Wir wollen sie patschen. Sie denken nicht daß wir ihnen die Spitze bieten können. (Ab.)
Heide, auf der einen Seite eine Höhe, auf der andern Wald.
Hauptmann. Executionszug.
Hauptmann
Er hält auf der Heide! Das ist impertinent. Er soll’s büßen. Was! Den Strom nicht zu fürchten der auf ihn losbraus’t?
Ritter
Ich wollt nicht daß ihr an der Spitze rittet; er hat das Ansehn als ob er den Ersten, der ihn anstoßen möchte, umgekehrt in die Erde pflanzen wollte. Reitet hinter drein.
Hauptmann
Nicht gern.
Ritter
Ich bitt’ euch. Ihr seid noch der Knoten von diesem Bündel Haselruthen; lös’t ihn auf, so knickt er sie euch einzeln wie Rietgras.
Hauptmann
Trompeter, blas’! Und ihr blas’t ihn weg. (Ab.)
Selbitz hinter der Höhe hervor im Galop.
Selbitz
Mir nach! Sie sollen zu ihren Händen rufen: multiplicirt euch. (Ab.)
Lerse aus dem Wald.
Lerse
Götzen zu Hülf! Er ist fast umringt. Braver Selbitz, du hast schon Luft gemacht. Wir wollen die Heide mit ihren Distelköpfen besäen. (Vorbei. Getümmel.)
Eine Höhe mit einem Wartthurn.
Selbitz verwundet. Knechte.
Selbitz
Legt mich hieher und kehrt zu Götzen.
Erster Knecht
Laßt uns bleiben, Herr, ihr braucht unser.
Selbitz
Steig’ einer auf die Warte und seh wie’s geht.
Erster Knecht
Wie will ich hinauf kommen?
Zweiter Knecht
Steig’ auf meine Schultern, da kannst du die Lücke reichen und dir bis zur Öffnung hinauf helfen.
Erster Knecht (steigt hinauf)
Ach, Herr!
Selbitz
Was siehest du?
Erster Knecht
Eure Reiter fliehen der Höhe zu.
Selbitz
Höllische Schurken! Ich wollt sie stünden und ich hätt’ eine Kugel vor’m Kopf. Reit’ einer hin! und fluch’ und wetter sie zurück. (Knecht ab.) Siehest du Götzen?
Knecht
Die drei schwarzen Federn seh’ ich mitten im Getümmel.
Selbitz
Schwimm, braver Schwimmer. Ich liege hier!
Knecht
Ein weißer Federbusch, wer ist das?
Selbitz
Der Hauptmann.
Knecht
Götz drängt sich an ihn – Bauz! Er stürzt.
Selbitz
Der Hauptmann?
Knecht
Ja, Herr.
Selbitz
Wohl! Wohl!
Knecht
Weh! Weh! Götzen seh’ ich nicht mehr.
Selbitz
So stirb, Selbitz!
Knecht
Ein fürchterlich Gedräng wo er stund. Georgs blauer Busch verschwindt auch.
Selbitz
Komm herunter. Siehst du Lersen nicht?
Knecht
Nichts. Es geht alles drunter und drüber.
Selbitz
Nichts mehr. Komm! Wie halten sich Sickingens Reiter?
Knecht
Gut. – Da flieht Einer nach dem Wald. Noch Einer! Ein ganzer Trupp! Götz ist hin.
Selbitz
Komm herab.
Knecht
Ich kann nicht. – Wohl! Wohl! Ich sehe Götzen! Ich sehe Georgen!
Selbitz
Zu Pferd?
Knecht
Hoch zu Pferd! Sieg! Sieg! Sie fliehn.
Selbitz
Die Reichstruppen?
Knecht
Die Fahne mitten drinn, Götz hintendrein. Sie zerstreuen sich. Götz erreicht den Fähndrich – Er hat die Fahn – Er hält. Eine Hand voll Menschen um ihn herum. Mein Kamerad erreicht ihn – Sie ziehn herauf.
Götz. Georg. Lerse. Ein Trupp.
Selbitz
Glück zu! Götz. Sieg! Sieg!
Götz (steigt vom Pferd)
Theuer! Theuer! Du bist verwundt, Selbitz?
Selbitz
Du lebst und siegst! Ich habe wenig gethan. Und meine Hunde von Reitern! Wie bist du davon gekommen?
Götz
Dießmal galt’s! Und hier Georgen dank’ ich das Leben, und hier Lersen dank’ ich’s. Ich warf den Hauptmann vom Gaul. Sie stachen mein Pferd nieder und drangen auf mich ein. Georg hieb sich zu mir und sprang ab, ich wie der Blitz auf seinen Gaul, wie der Donner saß er auch wieder. Wie kamst du zum Pferd?
Georg
Einem, der nach euch hieb, stieß ich meinen Dolch in die Gedärme, wie sich sein Harnisch in die Höhe zog. Er stürzt’, und ich half euch von einem Feind und mir zu einem Pferde.
Götz
Nun staken wir, bis sich Franz zu uns hereinschlug, und da mähten wir von innen heraus.
Lerse
Die Hunde die ich führte sollten von außen hinein mähen bis sich unsere Sensen begegnet hätten; aber sie flohen wie Reichsknechte.
Götz
Es flohe Freund und Feind. Nur du kleiner Hauf hieltest mir den Rücken frei; ich hatte mit den Kerls vor mir genug zu thun. Der Fall ihres Hauptmanns half mir sie schütteln und sie flohen. Ich habe ihre Fahne und wenig Gefangene.
Selbitz
Der Hauptmann ist euch entwischt?
Götz
Sie hatten ihn inzwischen gerettet. Kommt, Kinder! kommt, Selbitz! – Macht eine Bahre von Ästen; – du kannst nicht auf’s Pferd. Komm in mein Schloß. Sie sind zerstreut. Aber unser sind wenig, und ich weiß nicht ob sie Truppen nachzuschicken haben. Ich will euch bewirthen, meine Freunde. Ein Glas Wein schmeckt auf so einen Strauß.
Lager.
Hauptmann.
Hauptmann
Ich möcht’ euch alle mit eigner Hand umbringen! Was, fortlaufen! Er hatte keine Hand voll Leute mehr! Fortzulaufen, vor Einem Mann! Es wird’s niemand glauben, als wer über uns zu lachen Lust hat. – Reit herum, ihr, und ihr, und ihr. Wo ihr von unsern zerstreuten Knechten findt, bringt sie zurück oder stecht sie nieder. Wir müssen diese Scharten auswetzen, und wenn die Klingen drüber zu Grunde gehen sollten.
Jaxthausen.
Götz. Lerse. Georg.
Götz
Wir dürfen keinen Augenblick säumen! Arme Jungen, ich darf euch keine Rast gönnen. Jagt geschwind herum und sucht noch Reiter aufzutreiben. Bestellt sie alle nach Weilern, da sind sie am sichersten. Wenn wir zögern, so ziehen sie mir vor’s Schloß. (Die Zwei ab.) Ich muß einen auf Kundschaft ausjagen. Es fängt an heiß zu werden, und wenn es nur noch brave Kerls wären! aber so ist’s die Menge. (Ab.)
Sickingen. Maria.
Maria
Ich bitte euch, lieber Sickingen, geht nicht von meinem Bruder! Seine Reiter, Selbitzens, eure, sind zerstreut; er ist allein, Selbitz ist verwundet auf sein Schloß gebracht, und ich fürchte alles.
Sickingen
Seid ruhig, ich gehe nicht weg.
Götz kommt.
Götz
Kommt in die Kirch, der Pater wartet. Ihr sollt mir in einer Viertelstund ein Paar sein.
Sickingen
Laßt mich hier.
Götz
In die Kirch sollt ihr jetzt.
Sickingen
Gern – und darnach?
Götz
Darnach sollt ihr eurer Wege gehn.
Sickingen
Götz!
Götz
Wollt ihr nicht in die Kirche?
Sickingen
Kommt, kommt.
Lager.
Hauptmann. Ritter.
Hauptmann
Wie viel sind’s in allem?
Ritter
Hundert und funfzig.
Hauptmann
Von Vierhunderten! Das ist arg. Jetzt gleich auf und grad gegen Jaxthausen zu, eh er sich wieder erholt und sich uns wieder in Weg stellt.
Johann Wolfgang von Goethe,
Augsburg. Ein Garten.
Zwei Nürnberger Kaufleute.
Erster Kaufmann
Hier wollen wir stehn, denn da muß der Kaiser vorbei. Er kommt eben den langen Gang herauf.
Zweiter Kaufmann
Wer ist bei ihm?
Erster Kaufmann
Adelbert von Weislingen!
Zweiter Kaufmann
Bambergs Freund! Das ist gut.
Erster Kaufmann
Wir wollen einen Fußfall thun, und ich will reden.
Zweiter Kaufmann
Wohl, da kommen sie.
Kaiser. Weislingen.
Erster Kaufmann
Er sieht verdrießlich aus.
Kaiser
Ich bin unmuthig, Weislingen, und wenn ich auf mein vergangenes Leben zurück sehe, möcht’ ich verzagt werden; so viel halbe, so viel verunglückte Unternehmungen! und das alles, weil kein Fürst im Reich so klein ist, dem nicht mehr an seinen Grillen gelegen wäre als an meinen Gedanken.
Die Kaufleute werfen sich ihm zu Füßen.
Kaufmann
Allerdurchlauchtigster! Großmächtigster!
Kaiser
Wer seid ihr? Was gibt’s?
Kaufmann
Arme Kaufleute von Nürnberg, Eurer Majestät Knechte, und flehen um Hülfe. Götz von Berlichingen und Hanns von Selbitz haben unser dreißig, die von der Frankfurter Messe kamen, im Bambergischen Geleite niedergeworfen und beraubt; wir bitten Eure Kaiserliche Majestät um Hülfe, um Beistand, sonst sind wir alle verdorbene Leute, genöthigt unser Brot zu betteln.
Kaiser
Heiliger Gott! Heiliger Gott! Was ist das? Der eine hat nur Eine Hand, der andere nur Ein Bein; wenn sie denn erst zwei Hände hätten, und zwei Beine, was wolltet ihr dann thun?
Kaufmann
Wir bitten Eure Majestät unterthänigst, auf unsere bedrängten Umstände ein mitleidiges Auge zu werfen.
Kaiser
Wie geht’s zu! Wenn ein Kaufmann einen Pfeffersack verliert, soll man das ganze Reich aufmahnen; und wenn Händel vorhanden sind, daran Kaiserlicher Majestät und dem Reich viel gelegen ist, daß es Königreich, Fürstenthum, Herzogthum und anders betrifft, so kann euch kein Mensch zusammen bringen.
Weislingen
Ihr kommt zur ungelegnen Zeit. Geht und verweilt einige Tage hier.
Kaufleute
Wir empfehlen uns zu Gnaden. (Ab.)
Kaiser
Wieder neue Händel. Sie wachsen nach wie die Köpfe der Hydra.
Weislingen
Und sind nicht auszurotten als mit Feuer und Schwert, und einer muthigen Unternehmung.
Kaiser
Glaubt ihr?
Weislingen
Ich halte nichts für thunlicher, wenn Eure Majestät und die Fürsten sich über andern unbedeutenden Zwist vereinigen könnten. Es ist mit nichten ganz Deutschland, das über Beunruhigung klagt. Franken und Schwaben allein glimmt noch von den Resten des innerlichen verderblichen Bürgerkriegs. Und auch da sind viele der Edeln und Freien, die sich nach Ruhe sehnen. Hätten wir einmal diesen Sickingen, Selbitz – Berlichingen auf die Seite geschafft, das Übrige würde bald von sich selbst zerfallen. Denn sie sind’s, deren Geist die aufrührische Menge belebt.
Kaiser
Ich möchte die Leute gerne schonen, sie sind tapfer und edel. Wenn ich Krieg führte, müßten sie mit mir zu Felde.
Weislingen
Es wäre zu wünschen, daß sie von jeher gelernt hätten ihrer Pflicht zu gehorchen. Und dann wär’ es höchst gefährlich ihre aufrührischen Unternehmungen durch Ehrenstellen zu belohnen. Denn eben diese Kaiserliche Mild’ und Gnade ist’s, die sie bisher so ungeheuer mißbrauchten, und ihr Anhang, der sein Vertrauen und Hoffnung darauf setzt, wird nicht ehe zu bändigen sein, bis wir sie ganz vor den Augen der Welt zu nichte gemacht, und ihnen alle Hoffnung jemals wieder empor zu kommen völlig abgeschnitten haben.
Kaiser
Ihr rathet also zur Strenge?
Weislingen
Ich sehe kein ander Mittel, den Schwindelgeist, der ganze Landschaften ergreift, zu bannen. Hören wir nicht schon hier und da die bittersten Klagen der Edeln, daß ihre Unterthanen, ihre Leibeignen sich gegen sie auflehnen und mit ihnen rechten, ihnen die hergebrachte Oberherrschaft zu schmälern drohen, so daß die gefährlichsten Folgen zu fürchten sind?
Kaiser
Jetzt wär’ eine schöne Gelegenheit wider den Berlichingen und Selbitz; nur wollt’ ich nicht daß ihnen was zu Leid’ geschehe. Gefangen möcht’ ich sie haben, und dann müßten sie Urfehde schwören, auf ihren Schlössern ruhig zu bleiben, und nicht aus ihrem Bann zu gehen. Bei der nächsten Session will ich’s vortragen.
Weislingen
Ein freudiger beistimmender Zuruf wird Eurer Majestät das Ende der Rede ersparen. (Ab.)
Jaxthausen.
Sickingen. Berlichingen.
Sickingen
Ja, ich komme eure edle Schwester um ihr Herz und ihre Hand zu bitten.
Götz
So wollt’ ich ihr wärt eher kommen. Ich muß euch sagen: Weislingen hat während seiner Gefangenschaft ihre Liebe gewonnen, um sie angehalten, und ich sagt sie ihm zu. Ich hab’ ihn los gelassen, den Vogel, und er verachtet die gütige Hand, die ihm in der Noth Futter reichte. Er schwirrt herum, weiß Gott auf welcher Hecke seine Nahrung zu suchen.
Sickingen
Ist das so?
Götz
Wie ich sage.
Sickingen
Er hat ein doppeltes Band zerrissen. Wohl euch, daß ihr mit dem Verräther nicht näher verwandt worden.
Götz
Sie sitzt, das arme Mädchen, verjammert und verbetet ihr Leben.
Sickingen
Wir wollen sie singen machen.
Götz
Wie! Entschließet ihr euch eine Verlaßne zu heirathen.
Sickingen
Es macht euch beiden Ehre, von ihm betrogen worden zu sein. Soll darum das arme Mädchen in ein Kloster gehn, weil der erste Mann, den sie kannte, ein Nichtswürdiger war? Nein doch! ich bleibe darauf, sie soll Königin von meinen Schlössern werden.
Götz
Ich sage euch, sie war nicht gleichgültig gegen ihn.
Sickingen
Traust du mir nicht zu, daß ich den Schatten eines Elenden sollte verjagen können? Laß uns zu ihr. (Ab.)
Lager der Reichsexecution.
Hauptmann. Officiere.
Hauptmann
Wir müssen behutsam gehn und unsere Leute so viel möglich schonen. Auch ist unsere gemessene Ordre ihn in die Enge zu treiben und lebendig gefangen zu nehmen. Es wird schwer halten, denn wer mag sich an ihn machen?
Erster Officier
Freilich! Und er wird sich wehren wie ein wildes Schwein. Überhaupt hat er uns sein Lebelang nichts zu Leid’ gethan, und jeder wird’s von sich schieben, Kaiser und Reich zu Gefallen, Arm und Bein daran zu setzen.
Zweiter Officier
Es wäre eine Schande wenn wir ihn nicht kriegten. Wenn ich ihn nur einmal bei’m Lappen habe, er soll nicht los kommen.
Erster Officier
Faßt ihn nur nicht mit Zähnen, er möchte euch die Kinnbacken ausziehen. Guter junger Herr, dergleichen Leut packen sich nicht wie ein flüchtiger Dieb.
Zweiter Officier
Wollen sehn.
Hauptmann
Unsern Brief muß er nun haben. Wir wollen nicht säumen, und einen Trupp ausschicken, der ihn beobachten soll.
Zweiter Officier
Laßt mich ihn führen.
Hauptmann
Ihr seid der Gegend unkundig.
Zweiter Officier
Ich hab’ einen Knecht, der hier geboren und erzogen ist.
Hauptmann
Ich bin’s zufrieden. (Ab.)
Jaxthausen.
Sickingen.
Sickingen
Es geht alles nach Wunsch; sie war etwas bestürzt über meinen Antrag, und sah mich vom Kopf bis auf die Füße an; ich wette sie verglich mich mit ihrem Weißfisch. Gott sei Dank, daß ich mich stellen darf. Sie antwortete wenig, und durch einander; desto besser! Es mag eine Zeit kochen. Bei Mädchen, die durch Liebesunglück gebeitzt sind, wird ein Heirathsvorschlag bald gar.
Götz kommt.
Sickingen
Was bringt ihr, Schwager.
Götz
In die Acht erklärt!
Sickingen
Was?
Götz
Da les’t den erbaulichen Brief. Der Kaiser hat Execution gegen mich verordnet, die mein Fleisch den Vögeln unter dem Himmel und den Thieren auf dem Felde zu fressen vorschneiden soll.
Sickingen
Erst sollen sie dran. Just zur gelegenen Zeit bin ich hier.
Götz
Nein, Sickingen, ihr sollt fort. Eure großen Anschläge könnten darüber zu Grunde gehn, wenn ihr zu so ungelegner Zeit des Reichs Feind werden wolltet. Auch mir werdet ihr weit mehr nutzen, wenn ihr neutral zu sein scheint. Der Kaiser liebt euch, und das Schlimmste das mir begegnen kann, ist gefangen zu werden; dann braucht euer Vorwort, und reißt mich aus einem Elend, in das unzeitige Hülfe uns beide stürzen könnte. Denn was wär’s? Jetzo geht der Zug gegen mich; erfahren sie du bist bei mir, so schicken sie mehr, und wir sind um nichts gebessert. Der Kaiser sitzt an der Quelle, und ich wär schon jetzt unwiederbringlich verloren, wenn man Tapferkeit so geschwind einblasen könnte, als man einen Haufen zusammen blasen kann.
Sickingen
Doch kann ich heimlich ein zwanzig Reiter zu euch stoßen lassen.
Götz
Gut. Ich hab schon Georgen nach dem Selbitz geschickt, und meine Knechte in der Nachbarschaft herum. Lieber Schwager, wenn meine Leute beisammen sind, es wird ein Häufchen sein, dergleichen wenig Fürsten beisammen gesehen haben.
Sickingen
Ihr werdet gegen die Menge wenig sein.
Götz
Ein Wolf ist einer ganzen Heerde Schafe zu viel.
Sickingen
Wenn sie aber einen guten Hirten haben?
Götz
Sorg du. Es sind lauter Miethlinge. Und dann kann der beste Ritter nichts machen, wenn er nicht Herr von seinen Handlungen ist. So kamen sie mir auch einmal, wie ich dem Pfalzgrafen zugesagt hatte gegen Conrad Schotten zu dienen; da legt’ er mir einen Zettel aus der Kanzlei vor, wie ich reiten und mich halten sollt; da warf ich den Räthen das Papier wieder dar, und sagt’: ich wüßt nicht darnach zu handlen, ich weiß nicht was mir begegnen mag, das steht nicht im Zettel, ich muß die Augen selbst aufthun, und sehn was ich zu schaffen hab.
Sickingen
Glück zu, Bruder! Ich will gleich fort und dir schicken was ich in der Eil zusammen treiben kann.
Götz
Komm noch zu den Frauen, ich ließ sie beisammen. Ich wollte daß du ihr Wort hättest ehe du gingst. Dann schick mir die Reiter, und komm heimlich wieder Marien abzuholen, denn mein Schloß, fürcht’ ich, wird bald kein Aufenthalt für Weiber mehr sein.
Sickingen
Wollen das Beste hoffen. (Ab.)
Bamberg.
Adelheidens Zimmer.
Adelheid. Franz.
Adelheid
So sind die beiden Executionen schon aufgebrochen?
Franz
Ja, und mein Herr hat die Freude gegen eure Feinde zu ziehen. Ich wollte gleich mit, so gern ich zu euch gehe. Auch will ich jetzt wieder fort, um bald mit fröhlicher Botschaft wiederzukehren. Mein Herr hat mir’s erlaubt.
Adelheid
Wie steht’s mit ihm?
Franz
Er ist munter. Mir befahl er eure Hand zu küssen.
Adelheid
Da – deine Lippen sind warm.
Franz (vor sich, auf die Brust deutend)
Hier ist’s noch wärmer! (Laut.) Gnädige Frau, eure Diener sind die glücklichsten Menschen unter der Sonne.
Adelheid
Wer führt gegen Berlichingen?
Franz
Der von Sirau. Lebt wohl, beste gnädige Frau! Ich will wieder fort. Vergeßt mich nicht.
Adelheid
Du mußt was essen, trinken, und rasten.
Franz
Wozu das? Ich hab’ euch ja gesehen. Ich bin nicht müd noch hungrig.
Adelheid
Ich kenne deine Treu.
Franz
Ach, gnädige Frau!
Adelheid
Du hältst’s nicht aus, beruhige dich, und nimm was zu dir.
Franz
Eure Sorgfalt für einen armen Jungen! (Ab.)
Adelheid
Die Thränen stehn ihm in den Augen. Ich lieb’ ihn von Herzen. So wahr und warm hat noch niemand an mir gehangen. (Ab.)
Jaxthausen.
Götz. Georg.
Georg
Er will selbst mit euch sprechen. Ich kenn’ ihn nicht; es ist ein stattlicher Mann, mit schwarzen feurigen Augen.
Götz
Bring’ ihn herein.
Lerse kommt.
Götz
Gott grüß’ euch! Was bringt ihr?
Lerse
Mich selbst, das ist nicht viel, doch alles was es ist biet’ ich euch an.
Götz
Ihr seid mir willkommen, doppelt willkommen, ein braver Mann, und zu dieser Zeit, da ich nicht hoffte neue Freunde zu gewinnen, eher den Verlust der alten stündlich fürchtete. Gebt mir euern Namen.
Lerse
Franz Lerse.
Götz
Ich danke euch, Franz, daß ihr mich mit einem braven Mann bekannt macht.
Lerse
Ich machte euch schon einmal mit mir bekannt, aber damals danktet ihr mir nicht dafür.
Götz
Ich erinnere mich eurer nicht.
Lerse
Es wäre mir leid. Wißt ihr noch, wie ihr um des Pfalzgrafen willen Conrad Schotten feind wart, und nach Haßfurt auf die Fastnacht reiten wolltet?
Götz
Wohl weiß ich es.
Lerse
Wißt ihr, wie ihr unterwegs bei einem Dorf fünfundzwanzig Reitern entgegen kamt?
Götz
Richtig. Ich hielt sie anfangs nur für zwölfe, und theilt meinen Haufen, waren unser sechzehn, und hielt am Dorf hinter der Scheuer, in willens sie sollten bei mir vorbeiziehen. Dann wollt’ ich ihnen nachrucken, wie ich’s mit dem andern Haufen abgeredt hatte.
Lerse
Aber wir sahn euch, und zogen auf eine Höhe am Dorf. Ihr zogt herbei und hieltet unten. Wie wir sahn ihr wolltet nicht herauf kommen, ritten wir herab.
Götz
Da sah ich erst, daß ich mit der Hand in die Kohlen geschlagen hatte. Fünfundzwanzig gegen acht! Da galt’s kein Feiern. Erhard Truchses durchstach mir einen Knecht, dafür rannt’ ich ihn vom Pferde. Hätten sie sich alle gehalten wie er und ein Knecht, es wäre mein und meines kleinen Häufchens übel gewahrt gewesen.
Lerse
Der Knecht, wovon ihr sagtet –
Götz
Es war der bravste den ich gesehen habe. Er setzte mir heiß zu. Wenn ich dachte, ich hätt’ ihn von mir gebracht, wollte mit andern zu schaffen haben, war er wieder an mir, und schlug feindlich zu. Er hieb mir auch durch den Panzerärmel hindurch, daß es ein wenig gefleischt hatte.
Lerse
Habt ihr’s ihm verziehen?
Götz
Er gefiel mir mehr als zu wohl.
Lerse
Nun so hoff’ ich daß ihr mit mir zufrieden sein werdet; ich hab mein Probstück an euch selbst abgelegt.
Götz
Bist du’s? O willkommen, willkommen! Kannst du sagen, Maximilian, du hast unter deinen Dienern Einen so geworben!
Lerse
Mich wundert daß ihr nicht eh auf mich gefallen seid.
Götz
Wie sollte mir einkommen, daß der mir seine Dienste anbieten würde, der auf das feindseligste mich zu überwältigen trachtete?
Lerse
Eben das, Herr! Von Jugend auf dien’ ich als Reitersknecht, und hab’s mit manchem Ritter aufgenommen. Da wir auf euch stießen, freut’ ich mich. Ich kannte euern Namen, und da lernt’ ich euch kennen. Ihr wißt, ich hielt nicht Stand; ihr saht, es war nicht Furcht, denn ich kam wieder. Kurz ich lernt’ euch kennen, und von Stund an beschloß ich euch zu dienen.
Götz
Wie lange wollt ihr bei mir aushalten?
Lerse
Auf ein Jahr. Ohne Entgeld.
Götz
Nein, ihr sollt gehalten werden wie ein anderer, und drüber, wie der, der mir bei Remlin zu schaffen machte.
Georg kommt.
Georg
Hanns von Selbitz läßt euch grüßen. Morgen ist er hier mit funfzig Mann.
Götz
Wohl.
Georg
Es zieht am Kocher ein Trupp Reichsvölker herunter; ohne Zweifel euch zu beobachten.
Götz
Wie viel?
Georg
Ihrer funfzig.
Götz
Nicht mehr! Komm, Lerse, wir wollen sie zusammenschmeißen, wenn Selbitz kommt daß er schon ein Stück Arbeit gethan findet.
Lerse
Das soll eine reichliche Vorlese werden.
Götz
Zu Pferde! (Ab.)
Wald an einem Morast.
Zwei Reichsknechte begegnen einander.
Erster Knecht
Was machst du hier?
Zweiter Knecht
Ich hab’ Urlaub gebeten meine Nothdurft zu verrichten. Seit dem blinden Lärmen gestern Abends ist mir’s in die Gedärme geschlagen, daß ich alle Augenblicke vom Pferd muß.
Erster Knecht
Hält der Trupp hier in der Nähe?
Zweiter Knecht
Wohl eine Stunde den Wald hinauf.
Erster Knecht
Wie verläufst du dich denn hieher?
Zweiter Knecht
Ich bitte dich verrath mich nicht. Ich will auf’s nächste Dorf, und sehn ob ich nit mit warmen Überschlägen meinem Übel abhelfen kann. Wo kommst du her?
Erster Knecht
Vom nächsten Dorf. Ich hab’ unserm Officier Wein und Brot geholt.
Zweiter Knecht
So, er thut sich was zu Gut vor unserm Angesicht, und wir sollen fasten! Schön Exempel!
Erster Knecht
Komm mit zurück, Schurke.
Zweiter Knecht
Wär’ ich ein Narr! Es sind noch viele unter’m Haufen, die gern fasteten, wenn sie so weit davon wären als ich.
Erster Knecht
Hörst du! Pferde!
Zweiter Knecht
O weh!
Erster Knecht
Ich klettere auf den Baum.
Zweiter Knecht
Ich steck mich in’s Rohr.
Götz, Lerse, Georg, Knechte zu Pferde.
Götz
Hier am Teich weg und linker Hand in den Wald, so kommen wir ihnen in Rücken.
Sie ziehen vorbei.
Erster Knecht (steigt vom Baum)
Da ist nicht gut sein. Michel! Er antwortet nicht? Michel, sie sind fort! (Er geht nach dem Sumpf.) Michel! O weh er ist versunken. Michel! Er hört mich nicht, er ist erstickt. Bist doch krepirt, du Memme. – Wir sind geschlagen. Feinde, überall Feinde!
Götz, Georg zu Pferde.
Götz
Halt Kerl, oder du bist des Todes!
Knecht
Schont meines Lebens!
Götz
Dein Schwert! Georg, führ’ ihn zu den andern Gefangenen, die Lerse dort unten am Wald hat. Ich muß ihren flüchtigen Führer erreichen. (Ab.)
Knecht
Was ist aus unserm Ritter geworden der uns führte?
Georg
Unterst zu oberst stürzt’ ihn mein Herr vom Pferd, daß der Federbusch im Koth stak. Seine Reiter huben ihn auf’s Pferd und fort, wie besessen. (Ab.)
Lager.
Hauptmann. Erster Ritter.
Erster Ritter
Sie fliehen von weitem dem Lager zu.
Hauptmann
Er wird ihnen an den Fersen sein. Laßt ein funfzig ausrücken bis an die Mühle; wenn er sich zu weit verliert, erwischt ihr ihn vielleicht. (Ritter ab.)
Zweiter Ritter geführt.
Hauptmann
Wie geht’s junger Herr? Habt ihr ein paar Zinken abgerennt?
Ritter
Daß dich die Pest! Das stärkste Geweih wäre gesplittert wie Glas. Du Teufel! Er rannt’ auf mich los, es war mir als wenn mich der Donner in die Erd’ hinein schlüg.
Hauptmann
Dankt Gott daß ihr noch davon gekommen seid.
Ritter
Es ist nichts zu danken, ein paar Rippen sind entzwei. Wo ist der Feldscher? (Ab.)
Jaxthausen.
Götz.Selbitz.
Götz
Was sagst du zu der Achtserklärung, Selbitz?
Selbitz
Es ist ein Streich von Weislingen.
Götz
Meinst du?
Selbitz
Ich meine nicht, ich weiß.
Götz
Woher?
Selbitz
Er war auf dem Reichstag, sag’ ich dir, er war um den Kaiser.
Götz
Wohl, so machen wir ihm wieder einen Anschlag zu nichte.
Selbitz
Hoff’s.
Götz
Wir wollen fort! und soll die Hasenjagd angehn.
Lager.
Hauptmann. Ritter.
Hauptmann
Dabei kommt nichts heraus, ihr Herrn. Er schlägt uns einen Haufen nach dem andern, und was nicht umkommt und gefangen wird, das läuft in Gottes Namen lieber nach der Türkei als in’s Lager zurück. So werden wir alle Tag schwächer. Wir müssen einmal für allemal ihm zu Leib gehen, und das mit Ernst; ich will selbst dabei sein, und er soll sehn mit wem er zu thun hat.
Ritter
Wir sind’s all zufrieden; nur ist er der Landsart so kundig, weiß alle Gänge und Schliche im Gebirg, daß er so wenig zu fangen ist wie eine Maus auf dem Kornboden.
Hauptmann
Wollen ihn schon kriegen. Erst auf Jaxthausen zu. Mag er wollen oder nicht, er muß herbei sein Schloß zu vertheidigen.
Ritter
Soll unser ganzer Hauf marschiren?
Hauptmann
Freilich! Wißt ihr daß wir schon um hundert geschmolzen sind?
Ritter
Drum geschwind, eh der ganze Eisklumpen aufthaut; es macht warm in der Nähe, und wir stehn da wie Butter an der Sonne. (Ab.)
Gebirg und Wald.
Götz. Selbitz. Trupp.
Götz
Sie kommen mit hellem Hauf. Es war hohe Zeit daß Sickingens Reiter zu uns stießen.
Selbitz
Wir wollen uns theilen. Ich will linker Hand um die Höhe ziehen.
Götz
Gut. Und du, Franz, führe mir die funfzig rechts durch den Wald hinauf; sie kommen über die Heide, ich will gegen ihnen halten. Georg, du bleibst um mich. Und wenn ihr seht daß sie mich angreifen, so fallt ungesäumt in die Seiten. Wir wollen sie patschen. Sie denken nicht daß wir ihnen die Spitze bieten können. (Ab.)
Heide, auf der einen Seite eine Höhe, auf der andern Wald.
Hauptmann. Executionszug.
Hauptmann
Er hält auf der Heide! Das ist impertinent. Er soll’s büßen. Was! Den Strom nicht zu fürchten der auf ihn losbraus’t?
Ritter
Ich wollt nicht daß ihr an der Spitze rittet; er hat das Ansehn als ob er den Ersten, der ihn anstoßen möchte, umgekehrt in die Erde pflanzen wollte. Reitet hinter drein.
Hauptmann
Nicht gern.
Ritter
Ich bitt’ euch. Ihr seid noch der Knoten von diesem Bündel Haselruthen; lös’t ihn auf, so knickt er sie euch einzeln wie Rietgras.
Hauptmann
Trompeter, blas’! Und ihr blas’t ihn weg. (Ab.)
Selbitz hinter der Höhe hervor im Galop.
Selbitz
Mir nach! Sie sollen zu ihren Händen rufen: multiplicirt euch. (Ab.)
Lerse aus dem Wald.
Lerse
Götzen zu Hülf! Er ist fast umringt. Braver Selbitz, du hast schon Luft gemacht. Wir wollen die Heide mit ihren Distelköpfen besäen. (Vorbei. Getümmel.)
Eine Höhe mit einem Wartthurn.
Selbitz verwundet. Knechte.
Selbitz
Legt mich hieher und kehrt zu Götzen.
Erster Knecht
Laßt uns bleiben, Herr, ihr braucht unser.
Selbitz
Steig’ einer auf die Warte und seh wie’s geht.
Erster Knecht
Wie will ich hinauf kommen?
Zweiter Knecht
Steig’ auf meine Schultern, da kannst du die Lücke reichen und dir bis zur Öffnung hinauf helfen.
Erster Knecht (steigt hinauf)
Ach, Herr!
Selbitz
Was siehest du?
Erster Knecht
Eure Reiter fliehen der Höhe zu.
Selbitz
Höllische Schurken! Ich wollt sie stünden und ich hätt’ eine Kugel vor’m Kopf. Reit’ einer hin! und fluch’ und wetter sie zurück. (Knecht ab.) Siehest du Götzen?
Knecht
Die drei schwarzen Federn seh’ ich mitten im Getümmel.
Selbitz
Schwimm, braver Schwimmer. Ich liege hier!
Knecht
Ein weißer Federbusch, wer ist das?
Selbitz
Der Hauptmann.
Knecht
Götz drängt sich an ihn – Bauz! Er stürzt.
Selbitz
Der Hauptmann?
Knecht
Ja, Herr.
Selbitz
Wohl! Wohl!
Knecht
Weh! Weh! Götzen seh’ ich nicht mehr.
Selbitz
So stirb, Selbitz!
Knecht
Ein fürchterlich Gedräng wo er stund. Georgs blauer Busch verschwindt auch.
Selbitz
Komm herunter. Siehst du Lersen nicht?
Knecht
Nichts. Es geht alles drunter und drüber.
Selbitz
Nichts mehr. Komm! Wie halten sich Sickingens Reiter?
Knecht
Gut. – Da flieht Einer nach dem Wald. Noch Einer! Ein ganzer Trupp! Götz ist hin.
Selbitz
Komm herab.
Knecht
Ich kann nicht. – Wohl! Wohl! Ich sehe Götzen! Ich sehe Georgen!
Selbitz
Zu Pferd?
Knecht
Hoch zu Pferd! Sieg! Sieg! Sie fliehn.
Selbitz
Die Reichstruppen?
Knecht
Die Fahne mitten drinn, Götz hintendrein. Sie zerstreuen sich. Götz erreicht den Fähndrich – Er hat die Fahn – Er hält. Eine Hand voll Menschen um ihn herum. Mein Kamerad erreicht ihn – Sie ziehn herauf.
Götz. Georg. Lerse. Ein Trupp.
Selbitz
Glück zu! Götz. Sieg! Sieg!
Götz (steigt vom Pferd)
Theuer! Theuer! Du bist verwundt, Selbitz?
Selbitz
Du lebst und siegst! Ich habe wenig gethan. Und meine Hunde von Reitern! Wie bist du davon gekommen?
Götz
Dießmal galt’s! Und hier Georgen dank’ ich das Leben, und hier Lersen dank’ ich’s. Ich warf den Hauptmann vom Gaul. Sie stachen mein Pferd nieder und drangen auf mich ein. Georg hieb sich zu mir und sprang ab, ich wie der Blitz auf seinen Gaul, wie der Donner saß er auch wieder. Wie kamst du zum Pferd?
Georg
Einem, der nach euch hieb, stieß ich meinen Dolch in die Gedärme, wie sich sein Harnisch in die Höhe zog. Er stürzt’, und ich half euch von einem Feind und mir zu einem Pferde.
Götz
Nun staken wir, bis sich Franz zu uns hereinschlug, und da mähten wir von innen heraus.
Lerse
Die Hunde die ich führte sollten von außen hinein mähen bis sich unsere Sensen begegnet hätten; aber sie flohen wie Reichsknechte.
Götz
Es flohe Freund und Feind. Nur du kleiner Hauf hieltest mir den Rücken frei; ich hatte mit den Kerls vor mir genug zu thun. Der Fall ihres Hauptmanns half mir sie schütteln und sie flohen. Ich habe ihre Fahne und wenig Gefangene.
Selbitz
Der Hauptmann ist euch entwischt?
Götz
Sie hatten ihn inzwischen gerettet. Kommt, Kinder! kommt, Selbitz! – Macht eine Bahre von Ästen; – du kannst nicht auf’s Pferd. Komm in mein Schloß. Sie sind zerstreut. Aber unser sind wenig, und ich weiß nicht ob sie Truppen nachzuschicken haben. Ich will euch bewirthen, meine Freunde. Ein Glas Wein schmeckt auf so einen Strauß.
Lager.
Hauptmann.
Hauptmann
Ich möcht’ euch alle mit eigner Hand umbringen! Was, fortlaufen! Er hatte keine Hand voll Leute mehr! Fortzulaufen, vor Einem Mann! Es wird’s niemand glauben, als wer über uns zu lachen Lust hat. – Reit herum, ihr, und ihr, und ihr. Wo ihr von unsern zerstreuten Knechten findt, bringt sie zurück oder stecht sie nieder. Wir müssen diese Scharten auswetzen, und wenn die Klingen drüber zu Grunde gehen sollten.
Jaxthausen.
Götz. Lerse. Georg.
Götz
Wir dürfen keinen Augenblick säumen! Arme Jungen, ich darf euch keine Rast gönnen. Jagt geschwind herum und sucht noch Reiter aufzutreiben. Bestellt sie alle nach Weilern, da sind sie am sichersten. Wenn wir zögern, so ziehen sie mir vor’s Schloß. (Die Zwei ab.) Ich muß einen auf Kundschaft ausjagen. Es fängt an heiß zu werden, und wenn es nur noch brave Kerls wären! aber so ist’s die Menge. (Ab.)
Sickingen. Maria.
Maria
Ich bitte euch, lieber Sickingen, geht nicht von meinem Bruder! Seine Reiter, Selbitzens, eure, sind zerstreut; er ist allein, Selbitz ist verwundet auf sein Schloß gebracht, und ich fürchte alles.
Sickingen
Seid ruhig, ich gehe nicht weg.
Götz kommt.
Götz
Kommt in die Kirch, der Pater wartet. Ihr sollt mir in einer Viertelstund ein Paar sein.
Sickingen
Laßt mich hier.
Götz
In die Kirch sollt ihr jetzt.
Sickingen
Gern – und darnach?
Götz
Darnach sollt ihr eurer Wege gehn.
Sickingen
Götz!
Götz
Wollt ihr nicht in die Kirche?
Sickingen
Kommt, kommt.
Lager.
Hauptmann. Ritter.
Hauptmann
Wie viel sind’s in allem?
Ritter
Hundert und funfzig.
Hauptmann
Von Vierhunderten! Das ist arg. Jetzt gleich auf und grad gegen Jaxthausen zu, eh er sich wieder erholt und sich uns wieder in Weg stellt.
По мере того, как содержимое добавляется, интэнс остаётся в максимальном состоянии. Когда последняя часть добавлена, индикатор переходит в обычный режим и, наконец, исчезает.
В качестве индикатора может быть выбрана любая текстура (или просто равномерный градиент, как на этой странице). Таким образом можно создать индикатор подходящий к любой теме и дизайну:
List of candies
Reese's Pieces are a peanut butter candy manufactured by The Hershey Company for the North American market; they are also available in Ireland and the United Kingdom. They are oblate spheroid in shape and covered in candy shells that are colored yellow, orange, or brown. They can be purchased in plastic packets, cardboard boxes, or cup-shaped travel containers. The candy was introduced in 1978 and introduced to Canada in 1980. The then relatively new product became very popular with the 1982 release of E.T. the Extra-Terrestrial, in which the candy is featured.

Reese's Pieces are a product extension of the Reese's Peanut Butter Cups line; this new product was designed to capitalize on the success of the chocolate-covered peanut butter cups.
Gummi worms are a common variation first introduced by Trolli, a brand of the German Mederer GmbH (although the American branch is owned by Kraft Foods since 1996) on July 15, 1981, the 60th anniversary of gummi bears. The average gummi worms created by Trolli are advertised to be about 5 cm long. Gummi worms vary from 10 to 25 cm and have two different colors and flavors that mix in the middle of the gummi worm. Some other brands of gummi worms have more than two colors, and are longer than the original Trolli Brite Crawlers, and may have a sour coating or other variations.
Vanparys-Candihold is a Belgian confectionery company created in 1889 by Felix Vanparys in Brussels near the Sablon. The company produces chocolate and sugar coated confections (i.e. almonds, nuts etc.), but is particularly known for its dragées (sugar-coated chocolate and almonds), which feature often in Christian and Islamic traditions and celebrations. The recipe and preparation of its dragées, dating back over 125 years ago, are still followed today.

In 2012, Vanparys extended its range of confections to include a gourmet range of chocolate-coated nuts, fruits and coffee beans – as well as a variety of seasonal confectioneries such as praliné eggs and fondant chicks for Easter.

Presently the company is located in Evere, Brussels, and exports to many countries including the Netherlands, France, Luxembourg, UK, Germany, Poland, China, Turkey, Tunisia, Japan and Portugal.

Each season, Vanparys introduces a range of new colours to its palette
Milka is a traditional brand of chocolate confection, since 1990 manufactured by US-american Mondelēz International (formerly Kraft Foods). It is sold in bar form and in a variety of specialty shapes at Easter and Christmas. The brand also manufactures chocolate-covered cookies, snacks, and biscuits with their same Alpine milk chocolate.
Prince Polo is a Polish chocolate bar. It is sold in the Czech Republic, Slovakia, Hungary, Lithuania and Ukraine under the name Siesta, and is also sold in Iceland, where it is colloquially known as “Prins Póló”. According to measurements shown by Nielsen, the bar has been the most sold chocolate bar for decades in Iceland and was for many years one of the few chocolate bars available in the country. It has long been Poland's top-selling candy brand.

Prince Polo was introduced in 1955, during the early years of the Polish People's Republic, by Olza S.A. in Cieszyn. It is a chocolate-covered wafer, with four layers of wafer joined by three layers of chocolate-flavored filling; it was easily identifiable by its metallic gold-colored wrapper.
American chocolatiers of the 20th century picked up on the gift/coin concept by creating chocolate gelt. In the 1920s, Loft's, an American candy company, produced the first chocolate gelt, wrapped in gold or silver foil in mesh pouches resembling money bags.

Chocolate 'geld' is also given to children as part of the St. Nicholas holiday in Belgium, Germany and the Netherlands (geld, spelled with a d, being both the Dutch and German word for money). Today most of the chocolate Hanukkah gelt sold in the United States is imported, including from Dutch firms Steenland Chocolate and the Israeli firms Elite and Carmit. But gourmet versions of chocolate gelt have been produced in the United States by companies like California-based Sweet Earth Organic Chocolates and Vermont-based Lake Champlain Chocolates. In England, Divine Chocolates makes gourmet gelt. Verucca Chocolates in Chicago makes very elegant beautifully designed gelt designed to look like Maccabean coins.
An Almond Joy is a candy bar manufactured by Hershey's. It consists of a coconut-based center topped with one or two almonds, the combination enrobed in a layer of milk chocolate. Almond Joy is the sister product of Mounds, which is a similar confection but without the almond and coated instead with dark chocolate; it also features similar packaging and logo design, but in a red color scheme instead of Almond Joy's blue.
Big Hunk is a candy bar made by Annabelle Candy Company. It first entered production in the 1950s, in the United States. It is a bar of roasted peanuts covered in honey sweetened nougat. It was featured in Steve Almond’s book, Candyfreak, as being one of several successful candies made by a small company. Big Hunk was acquired by Annabelle Candy Company when the company purchased Golden Nugget Candy Company in 1970.

Big Hunk Bars are very chewy, and are known for its bright, high energy and colorful advertisements such as the line "PUT BIG PROFITS IN YOUR POCKET WITH BIG HUNK".
It first appeared in 1924 and was made by the Schutter-Johnson Company of Chicago, Illinois, United States. Bit-O-Honey was a new kind of candy bar consisting of six pieces wrapped in wax paper and then packaged in a cover wrapper. The candy consists of almond bits embedded in a honey-flavored taffy, which makes for a long-chewing candy. Both a large version the size of a candy bar and a small, bite-sized version are available for sale, the latter in bags of multiple units.

In 1969, Schutter-Johnson was merged into the Ward Candy Company of New York City, makers of other candies, including Chunky, Oh Henry! and Raisinets. Between the mid- and late-1970s, a chocolate-flavored version called Bit-O-Chocolate was made, but this product was later dropped. Other spin-offs included Bit o' Licorice and Bit-O-Peanut Butter.

Bit-O-Honey and most of Ward's other brands were acquired by the Nestlé Company in 1984. In May of 2013, Nestlé sold the Bit-O-Honey brand to the Pearson's Candy Company of Saint Paul, Minnesota.

Bit-O-Honey is similar in style and packaging (single pieces) to Mary Jane made by Necco. Ingredients as of 2013: Corn syrup, sugar, non-fat milk, hydrogenated coconut oil, almonds, honey, salt, egg whites, canola and/or safflower and/or palm oil, modified soy protein, natural flavor, TBHQ and citric acid.
Mounds is a candy bar made by Hershey's. It consists of a filling made of shredded coconut, which is enrobed in dark chocolate. The Mounds bar's sibling is Almond Joy, which is made the same way but with milk chocolate and a whole almond enrobing the coconut.

Mounds' original slogan, "Indescribably Delicious",.was created when Mounds ran a contest to come up with the best two words to sell a candy. Leon Weiss, the person who came up with the slogan, won $10, while Mounds went on to use the slogan in advertising and on the wrappers, still continuing today.

Mounds uses a packaging and logo design similar to its sister product, with Almond Joy's blue replaced by red, and the two candies are often advertised together. The candy's famous 1970s ad campaign used a jingle, "Sometimes you feel like a nut, sometimes you don't / Almond Joy's got nuts / Mounds don't", written by Leon Carr.

A limited edition Mounds Island Orange candy bar was introduced in 2006 with orange colored and flavored coconut.

A similar coconut-filled chocolate bar by the name of Bounty is manufactured by Mars, Incorporated and sold in markets other than the United States. The bars come in light or dark chocolate and are recognized by their blue (light chocolate) or red (dark chocolate) wrappers. Neither bar contains almonds.
The U-No Bar is produced by the Annabelle Candy Company.

It is a truffle type bar with almond bits covered in chocolate and comes wrapped in a silver foil-like wrapper. It is comparable to a 3 Musketeers except it has a much higher fat content compared to 3 Musketeers with a much thinner chocolate shell and more moussy nougat. U-no bars used to come in two flavors: Original and mint. Annabelle Candy Company has since discontinued the mint flavor.

It was first produced by the Cardinet Candy Company, which was later acquired by the Annabelle Candy Company.
Squirrel Nut Caramels were originally made by the Austin T. Merrill Company of Roxbury, Massachusetts in 1890. It was reincorporated as the Squirrel Brand Company, which moved to Cambridge, Massachusetts in 1903. In 1915 it moved its factory again to 12 Boardman Street in the Area 4 neighborhood of Cambridge, where it stayed until 1999. That year, the company was sold and moved to McKinney, Texas, where a nut-processing operation continues.

However, in 2004 the Necco company brought the Squirrel Nut candy brand back to Massachusetts.

In 2003, the former factory building in Cambridge was converted to affordable public housing apartments. A public park and community gardening space, named Squirrel Brand Park, is now located next to the former factory.
Cadbury is a British multinational confectionery company owned by Mondelēz International. It is the second largest confectionery brand in the world after Wrigley's. Cadbury is headquartered in Uxbridge in Greater London and operates in more than fifty countries worldwide.

Cadbury is best known for its confectionery products including the Dairy Milk chocolate, the Creme Egg, and the Roses selection box.

Cadbury was established in Birmingham, England in 1824, by John Cadbury who sold tea, coffee and drinking chocolate. Cadbury developed the business with his brother Benjamin, followed by his sons Richard and George. George developed the Bournville estate, a model village designed to give the company's workers improved living conditions. Dairy Milk chocolate, introduced in 1905, used a higher proportion of milk within the recipe compared with rival products. By 1914, the chocolate was the company's best-selling product.

Cadbury merged with J. S. Fry & Sons in 1919, and Schweppes in 1969. Cadbury was a constant constituent of the FTSE 100 from the index's 1984 inception until the company was bought by Kraft Foods in 2010.
The Hershey Process milk chocolate used in these bars is cheaper to make than other types of chocolate as it is less sensitive to the freshness of the milk. The process was developed by Milton Hershey and was the first mass-produced chocolate in the United States. As a result, the Hershey flavor is widely recognized in the United States, but less so internationally, in particular in areas where European chocolates are more widely available. The process is a trade secret, but experts speculate that the milk is partially lipolyzed, producing butyric acid, which stabilizes the milk from further fermentation. This compound gives the product a particular sour, "tangy" taste, to which the US public has become accustomed, to the point that other manufacturers often add butyric acid to their milk chocolates. The American bar's taste profile was not as popular with the Canadian public, leading Hershey to introduce a reformulated Canadian bar in 1983. The company describes the revised Canadian formulation as a "creamier, smoother, lighter coloured and milder flavoured product more suitable to Canadian taste". Butyric acid is a component which provides the characteristic smell of human vomit, and many Europeans describe the taste of Hershey bars as reminding them of vomit, even if they do not know the underlying chemistry.
Kit Kat is a chocolate-covered wafer biscuit bar confection that was created by Rowntree's of York, England, and is now produced globally by Nestlé (which acquired Rowntree in 1988) with the exception of the United States where it is made under license by H.B. Reese Candy Company, a division of The Hershey Company. Each bar consists of fingers composed of three layers of wafer, covered in an outer layer of chocolate. Each finger can be snapped from the bar separately. Bars typically have two or four fingers, although the larger Kit Kat Chunky bars are a single solid block marked into three sections.

Many varieties of Kit Kat have existed, either permanently or as limited editions, such as those sold to commemorate festivals such as St. Valentine's Day. In Japan, Nestlé has introduced over 200 different flavours since 2000, including ginger ale, soy sauce, creme brulee, green tea, and banana. The flavours are designed to appeal to younger buyers, and are often bought as good-luck gifts as the brand name echoes the Japanese phrase "Kitto Katsu", roughly translating as "surely win."

The Kit Kat Orange was the first flavour variant to be introduced in the United Kingdom, in 1996 and 1998 in Ireland. It was followed in 1997 by the Kit Kat Dark and Kit Kat Mint. All three were available as permanent editions of the two-finger multipack in the United Kingdom, along with the Kit Kat Original, the Kit Kat White, and from 2012 the Kit Kat Cookies & Cream.
Maltesers are a confectionery product manufactured by Mars, Incorporated. Maltesers consist of a roughly spherical malt honeycomb centre, surrounded by milk chocolate. Maltesers are sold in a variety of packaging, including plastic bags (ranging in size from small 'fun-size' upwards), larger cardboard boxes and tubes, and plastic buckets (ranging in size from medium to very large). They also have medium sized "teasers" in Celebrations boxes. Maltesers are also one of the types of sweet included in Mars's Revels assortment.

The current Maltesers' slogan is "The lighter way to enjoy chocolate" - earlier slogans have included "The Dri Drink", "The chocolates with the less fattening centre", "No ordinary chocolate" and "Nothing pleases like Maltesers". The Australian version also contains the line: "Made in Australia... ...exported to the world." In the 1930s, advertisements claimed that the Maltesers honeycomb centre is seven times less fattening than ordinary chocolate centres; this led marketers to claim it was beneficial for weight loss.

In 2011, the product gained Fairtrade accreditation in the UK and Ireland by sourcing all their cocoa and sugar under Fairtrade Terms.
The Milky Way bar is a chocolate bar distributed by the Mars confectionery company. The American version of the Milky Way bar is made of chocolate-malt nougat topped with caramel and covered with milk chocolate and is very similar to the Mars bar sold in other countries. The non-US Milky Way bar, on the other hand, is not topped with caramel and is therefore similar to the American 3 Musketeers bar.

The European version of the bar has no caramel topping, and consists of a nougat center that is considerably lighter than that of the Mars bar. Because of this low density (0.88 g/cm3), it floats when placed in milk. This rare attribute was used for an advertising campaign in Germany, France, Russia, Belgium, Ireland, Poland, the Netherlands and the United Kingdom.

Originally available within Europe only in chocolate flavor, the center changed to vanilla flavor at around 1993, although the chocolate flavor still remains available in Australia. The bar is also available in banana, mango and strawberry flavors. In the UK, Mars introduced the Flyte bar which is identical to the old-style chocolate flavored Milky Way but only comes in twin packs. Also available in Europe are Milky Way Crispy Rolls, chocolate covered wafer rolls with a milk-cream filling.
Reese's Peanut Butter Cups are a milk chocolate cup confection made of chocolate-coated peanut butter marketed by The Hershey Company that pioneered the way to the generic peanut butter cup. They were created in 1928 by H. B. Reese, a former dairy farmer and shipping foreman for Milton S. Hershey. Reese was inspired by Hershey and left dairy farming to start his own candy business.
Rolo (pronounced "Row-low", referring to the roll-styled candy) is a brand of truncated-cone-shaped or frustum-shaped chocolates with a caramel centre, the shape resembling that of a shallow inverted bucket or tub or a traditional lampshade. First manufactured in the United Kingdom by Mackintosh's in 1937, they are made by Nestlé, except in the United States where production has been under licence by The Hershey Company since 1969.

The Rolo product was developed in the UK by Mackintosh's, (later Rowntree-Mackintosh), simply a combination of Mackintosh's Toffee and a chocolate coating - the acquisition of Caley's of Norwich had also led to the Quality Street line. Rolo was first sold in 1937.
In 1930 Mars introduced Snickers, named after the favorite horse of the Mars family. The Snickers candy bar consists of nougat, peanuts, and caramel with a chocolate coating. The bar was marketed under the name "Marathon" in the UK and Ireland until 19 July 1990, when Mars decided to align the UK product with the global Snickers name (Mars had marketed and discontinued an unrelated bar named Marathon in the United States during the 1970s). There are also several other Snickers products such as Snickers mini, dark chocolate, ice cream bars, Snickers with almonds, and Snickers peanut butter bars.
Twix is a chocolate bar made by Mars, Inc., consisting of biscuit applied with other confectionery toppings and coatings (most frequently caramel and milk chocolate). Twix bars are typically packaged in pairs.

The product was first produced in the United Kingdom in 1967, and introduced in the United States in 1979. Twix was called Raider in Austria, Belgium, Denmark, Finland, France, Germany, Greece, Israel, Italy, Luxembourg, the Netherlands, Norway, Poland, Portugal, Spain, Sweden, Switzerland, and Turkey for many years before its name was changed in 1991 (2000 in Denmark, Finland, Norway, Sweden and Turkey) to match the international brand name.
Abba-Zaba are taffy candy bars with peanut butter centers, made by Annabelle Candy Company in Hayward, California.

According to the Candy Wrapper Museum, the first Abba Zaba bars were manufactured beginning in 1922 by Colby and McDermott. Before Annabelle Candy Co. started manufacturing Abba-Zaba, the packaging featured imagery which some now consider to be racially biased. Annabelle Candy Co. will only say that the wrapper has been the same for as long as they have manufactured the candy.

The bar was later manufactured by the Cardinet Candy Co. along with U-No Bar. Annabelle Candy Purchased the Cardinet Candy Co. in 1978. Annabelle now manufactures both candy bars in addition to others.

Abba-Zaba bars are kosher pareve.
Mary Jane is a peanut butter and molasses flavored taffy-type candy with peanut butter in the center. Originally made in 1914 by The Charles N. Miller Co., and later by Stark Candy Co., it is now manufactured by Necco. Charles Miller named them after his favorite aunt, Mary Jane, and the candy has used the same "little girl" illustration on the wrappers since its inception.

Mary Jane is dairy-free, egg-free, and gluten-free and is similar in style, taste and packaging to the Schutter-Johnson Company's (now Pearson's Candy Company) Bit-O-Honey, which appeared in 1924.
from Wikipeda


/**
 * Stores a setter function and reuses it to perform smooth
 * animation on demand
 * 
 * @param {Function} setter updating the value to be animated
 */
var Animator = function(setter) {
    this._setter = setter;
    this._current = 0;
    this._target = null;
    this._delta = null;
    this._animTimeout = null;
}


/**
 * Changes the value instantly (the most reasonable strategy
 * selected instead in case when animation is running)
 * 
 * @param {Number} val to set
 */
Animator.prototype.jump = function(val) {
    if (this._animTimeout) {
        var c = this._current,
            t = this._target, // old target
            v = val;          // new target

        if ((t > c && v > t) ||
            (t < c && v < t)) {
            // value beyond the target, speeding up
            this._delta *= (v-c)/(t-c);
            this._target = val;
        } else if ((t > c && v < c) ||
                   (t < c && v > c)) {
            // value in the opposite direction, jumping
            this._clearTimeout();
            this._applyValue(val);
        } else {
            // value prior to the target, same direction
            // simply updating the target
            this._target = val;
        }
    } else {
        this._applyValue(val);
    }
}


/**
 * Changes the value smoothly
 * 
 * @param {Number} val to be finally reached
 */
Animator.prototype.slide = function(val) {
    this._target = val;

    if (this._target != this._current) {
        this._delta = (this._target-this._current)*
            cfg.animationDelay/cfg.animationTime;
    }  // otherwise will stop upon the next tick

    if (!this._animTimeout) {
        this._tick();
    }
}


/**
 * Performs a single animation step
 */
Animator.prototype._tick = function() {
    if (Math.abs(this._target - this._current) <
        Math.abs(this._delta)) {
        if (this._animTimeout) {
            this._clearTimeout();
        }

        this._applyValue(this._target);
    } else {
        var me = this;
        this._animTimeout = setTimeout(
            function(){me._tick();}, cfg.animationDelay
        );

        this._applyValue(this._current+this._delta);
    }
}


/**
 * Applies current animation frame
 * 
 * @param {Number} value to apply
 */
Animator.prototype._applyValue = function(value) {
    this._current = value;
    this._setter(value);
}


/**
 * Clears animation timeout
 */
Animator.prototype._clearTimeout = function() {
    clearTimeout(this._animTimeout);
    this._animTimeout = null;
}


 // stores the images along with the stretched canvas
var imgCache = {};


/**
 * Represents a single cached stretchable image
 * 
 * Loads an image, creates a stretched canvas
 */
var CachedImg = function(url) {
    if (typeof imgCache[url] != 'undefined') {
        return imgCache[url];
    } else {
        imgCache[url] = this;

        this._url = url;
        this._touchTimeout = null;
        this._ready = new wl.Whenable;
        this.whenReady = this._ready.getSubscriber();

        this._sides = {};  // stretched canvases
        this._data = {};

        this._SVGImage = null;
        this._SVGImageId = null;

        this._download();
    }
}


/**
 * Loads the image
 */
CachedImg.prototype._download = function() {
    if (!this._url) {
        this._init(null);
        this._ready.emit();
    } else {
        this._img = elemSample.img.cloneNode(false);
        this._img.src = this._url;
        this._img.style.display = 'none';

        var me = this;
        this._img.addEventListener('load', function() {
            me._img.parentNode.removeChild(me._img);
            me._init(me._img);
            me._ready.emit();
        }, false);

        this._img.addEventListener('error', function() {
            me._img.parentNode.removeChild(me._img);
            me._init(null);
            me._ready.emit();
        }, false);

        document.body.appendChild(this._img);
    }
}


/**
 * Creates the cached copy of rotated canvas (if needed), and
 * returns it afterwards
 * 
 * @param {String} dir direction
 */
CachedImg.prototype.getSide = function(dir) {
    if (typeof this._sides[dir] == 'undefined') {
        this._sides[dir] = this._rotate(this._sides.north, dir);
    }

    return this._sides[dir];
}


/**
 * Creates (if not done yet) an SVG image element containing the
 * stretched image and stored in the common  element,
 * returns its id
 * 
 * @param {String} id of an SVG element with the stretched image
 */
var SVGImageCounter = 0;
CachedImg.prototype.getSVGImageId = function() {
    if (!this._SVGImage) {
        this._SVGImageId ='SVG-Image-'+(SVGImageCounter++)+'-'+UQ;
        var canvas = this._sides.north;
        var url = util.getCanvasDataURL(canvas);
        var defs = util.getCommonSVGDefs();
        this._SVGImage = util.genSVGElement('image', defs, {
            id     : this._SVGImageId,
            x      : '0',
            y      : '0',
            width  : util.px(canvas.width),
            height : util.px(canvas.height),
            preserveAspectRatio : 'none'
        });

        this._SVGImage.setAttributeNS(
            util._xlinkNS, 'xlink:href', url[0]
        );
    }

    return this._SVGImageId;
}


/**
 * Updates image geometry without changing it. Needed for IE,
 * otherwise it will not redraw
 */
CachedImg.prototype.touchSVGImage = function() {
    if (IS_IE && this._SVGImage) {
        if (this._touchTimeout) {
            clearTimeout(this._touchTimeout);
        }

        var me = this;
        this._touchTimeout = setTimeout(
            function() {
                me._touch();
            }, 10
        );
    }
}

CachedImg.prototype._touch = function() {
    this._SVGImage.setAttribute(
        'height', util.px(this._data.stretchedSize)
    );
}


/**
 * @returns {Object} additional data
 */
CachedImg.prototype.getData = function() {
    return this._data;
}


/**
 * After the image is loaded (or failed to load), ininitializes
 * the CachedImg object with its stretched canvas images, and with
 * some additional data later used for animation
 * 
 * @param {Element} image to initalize from, null for load failure
 */
CachedImg.prototype._init = function(image) {
    var original = this._genImageCanvas(image);
    var stretched = this._stretch(original);
    this._sides.north = stretched.canvas;
    this._data = this._genData(stretched.canvas);
    this._data.points = stretched.points;
    this._data.origSize = original.height;
}


/**
 * Generates a canvas containing the data from the provided image,
 * or the default data if image failed to load
 * 
 * @param {Element} image to initalize from, null for load failure
 * 
 * @returns {Element} canvas
 */
CachedImg.prototype._genImageCanvas = function(image) {
    var result;
    if (image) {
        result = util.img2canvas(image);
    } else {
        result = util.getDefaultCanvas();
    }

    return result;
}



/**
 * Stretches the given canvas data and returns the new canvas with
 * the stretched content. The image is stretched in a special way,
 * so that horizontal pixels density is unchanged, but the
 * vertical density is decreased from top to bottom. Pixels on the
 * top edge have the same density as the original image, while the
 * pixels on the bottom edge are 4 times vertically stretched.
 * 
 * The density function
 * 
 *   ro(x) = 45/68*x*x - 24/17*x + 1
 * 
 * results from the following conditions:
 * 
 * 1) ro(0) = 1 (destiny at the top edge equals the orig. image)
 * 2) ro(1) = 1/4 (density at the bottom is 4 times less)
 * 3) ro'(1) = ro2'(0), where:
 *    ro2(x) = 1/4 * ro(x/4), which is a density of the same
 *    image, linearly stretched four times. The last condition
 *    means that the speed of density change for the two images
 *    attached one to another is continuous
 * 
 * @param {Element} canvas containing the original image
 * 
 * @returns {Object} stretched canvas and density points
 */
CachedImg.prototype._stretch = function(canvas) {
    var w = canvas.width;
    var h = canvas.height;

    // if webkit throws an error for a local image,
    // restart Chrome with --allow-file-access-from-files
    // (otherwise load an image from the same origin)
    var data1 = canvas.getContext('2d').getImageData(0, 0, w, h);
    var h2 = h * 68 / 35;
    var h2floor = Math.floor(h2);

    var stretchedCanvas = util.genCanvas(w, h2floor);
    var ctx2 = stretchedCanvas.getContext('2d');
    var data2 = ctx2.createImageData(w, h2floor);
    var D1 = data1.data;
    var D2 = data2.data;

    var ro;        // current density value
    var y2;        // y, stretched image
    var y1;        // y, original image (calculated, float)
    var y1_floor;  // y, original image (floored)
    var y2_norm;   // y2 / h2 (normalized, 0 <= y2_norm <= 1)
    var y2_norm_2; // y2_norm squared
    var y1_norm;   // calculated normalized y of the orig img

    var rate0;     // ratios of the current pixel,
    var rate1;     // and the one on the next row

    var row = w*4; // imageData row (4 channels)
    var idx1;      // current pixel start idx (original image)
    var idx2;      // current pixel start idx (stretched image)

    var col;       // runs through columns (pixels)
    var ch;        // runs through color channels

    // saves the current coordinate of the stretched image
    // indexed by original coordinate (so that it is possible to
    // restore current position of the stretched image by the
    // coordinate of the original image)
    var points = [];

    var _15_68 = 15/68;
    var _12_17 = 12/17;
    var _45_68 = 45/68;
    var _24_17 = 24/17;

    // generating image
    for (y2 = 0; y2 < h2floor; y2++) {
        y2_norm = y2/h2;
        y2_norm_2 = y2_norm * y2_norm;
        // destiny at the point of y2
        ro = _45_68 * y2_norm_2 - _24_17 * y2_norm + 1;

        // normalized coordinate of the original image
        // calculated as antiderivative of density function
        y1_norm =  _15_68 * y2_norm_2 * y2_norm
                 - _12_17 * y2_norm_2
                 +          y2_norm;

        // current y-coordinate on the original image
        y1 = y1_norm * h2;
        y1_floor = Math.floor(y1);

        points[y1_floor] = y2;

        rate0 = Math.min(ro, y1_floor + 1 - y1);
        rate1 = ro - rate0;

        idx1 = row*y1_floor;
        idx2 = row*y2;

        for (col = 0; col < w; col++) {
            for (ch = 0; ch < 4; ch++) {
                D2[idx2+ch] = Math.round((
                    rate0 *  D1[idx1+ch] +
                    rate1 * (D1[idx1+ch+row]||0)
                ) / ro);
            }

            idx1 += 4;
            idx2 += 4;
        }
    }

    ctx2.putImageData(data2, 0, 0);

    return {
        canvas: stretchedCanvas,
        points: points
    };
}


/**
 * Generates the canvas rotated in the given direction
 * 
 * @param {Element} north original canvas element
 * @param {String} dir direction to rotate the canvas
 * 
 * @returns {Element} rotated canvas
 */
CachedImg.prototype._rotate = function(north, dir) {
    var w = north.width;
    var h = north.height;

    var rotated;
    if (util.isVertical[dir]) {
        rotated = util.genCanvas(w,h);
    } else {
        rotated = util.genCanvas(h,w);
    }

    var ctx = rotated.getContext('2d');

    switch (dir) {
    case 'east':
        ctx.rotate(Math.PI/2);
        ctx.drawImage(north, 0, -h);
        break;
    case 'south':
        ctx.rotate(Math.PI);
        ctx.drawImage(north, -w, -h);
        break;
    case 'west':
        ctx.rotate(-Math.PI/2);
        ctx.drawImage(north, -w, 0);
        break;
    }

    return rotated;
}


/**
 * Calculates additional data for the given stretched canvas
 * element later reused for animation
 * 
 * @param {Element} canvas to generate data for
 * 
 * @returns {Object} data
 */
CachedImg.prototype._genData = function(canvas) {
    var w = canvas.width;
    var h = canvas.height;

    // size of the side layer
    var maxIntensity = 0;
    var curSize = h;
    for (var i = 1; i < cfg.blocksNumber; i++) {
        curSize /= 4;
        maxIntensity += Math.floor(curSize);
    }

    // how many virtual elements do we need to reach 1 px
    var virtualNum = 1 + Math.ceil(Math.log(1/h) / Math.log(1/4));

    // total height of all virtual elements altogether
    var virtualSize = 0;
    curSize = h;
    for (i = 1; i < virtualNum; i++) {
        curSize /= 4;
        virtualSize += Math.floor(curSize);
    }

    return {
        // size of the stretched image
        stretchedSize : h,
        // texture size along the side
        sideSize      : w,
        // maximal size of the indicator layer
        maxIntensity : maxIntensity,
        // values used during calculations
        virtualPow   : 1-Math.pow(1/4, virtualNum-1),
        virtualSize3 : virtualSize*3
    };
};


/**
 * Represents an element upgraded with the resize event detector
 * 
 * @param {Element} elem to upgarde
 * @param {Boolean} isBody true if element is body
 * @param {Function} listener to be issued on resize
 */
var Resizer = function(elem, isBody, listener) {
    this._elem = elem;
    this._isBody = isBody;
    this._listener = listener;

    if (this._isBody) {
        window.addEventListener('resize', this._listener, false);

        // initially updating geometry
        if (document.readyState == "complete") {
            this._listener();
        } else {
            window.addEventListener("load", this._listener, false);
        }
    } else {
        this._detector = elemSample.object.cloneNode(false);
        util.setStyle(this._detector, {
            display       : 'block',
            position      : 'absolute',
            top           : '0px',
            left          : '0px',
            height        : '100%',
            width         : '100%',
            overflow      : 'hidden',
            pointerEvents : 'none',
            zIndex        : -2048   // specially for IE
        });

        var me = this;
        this._detector.onload = function() {
            this.contentDocument.defaultView.addEventListener(
                'resize', me._listener, false
            );

            // initially updating geometry
            me._listener();
        }

        this._detector.type = 'text/html';

        if (IS_IE) {
            this._elem.appendChild(this._detector);
            this._detector.data = 'about:blank';
        } else {
            this._detector.data = 'about:blank';
            this._elem.appendChild(this._detector);
        }
    }
};



/**
 * Removes the resize detector from the element
 */
Resizer.prototype.destroy = function() {
    if (this._isBody) {
        window.removeEventListener(
            'resize', this._listener, false
        );
    } else {
        this._elem.removeChild(this._detector);
    }
}



/**
 * Represents a scrollable element shipped with a scrolling
 * indicator on each of four sides
 * 
 * @param {Element} elem to create scrollable indicators for
 */
var Intence = function(elem) {
    this._destroyed = false;
    this._elem = elem;
    this._isBody = (this._elem.nodeName.toLowerCase() == 'body');

    this._cmp = {};  // elements created upon scrollbar removal
    this._sideReady = {}; // info about which sides are initialized
    this._images = {}; // CachedImg instances for each side
    this._indicators = {};  // Indicator instances

    this._totals = {};  // total dimensions for each direction
    this._sizes = {};
    this._addendum = {};  // added to the scroll to prevent jump
    this._lastOrigCoord = {};

    this._createElemStructure();

    var rect = this._cmp.scroller.getBoundingClientRect();
    var scrollWidth = this._cmp.scroller.scrollWidth;
    var scrollHeight = this._cmp.scroller.scrollHeight;

    var i, dir;
    for (i = 0; i < util.dir.length; i++) {
        dir = util.dir[i];
        this._indicators[dir] = null;
        this._sideReady[dir] = false;
        this._addendum[dir] = 0;
        this._lastOrigCoord[dir] = 0;

        this._totals[dir] =
            util.isVertical[dir] ? scrollHeight : scrollWidth;
        this._sizes[dir] =
            util.isVertical[dir] ? rect.height : rect.width;
    }

    this._loadImages();
}


/**
 * Returns element
 */
Intence.prototype.getElem = function() {
    return this._elem;
}


/**
 * Upgrades the element with a set of additional elements one
 * inside another so that the scrollbars are properly hidden, but
 * the container geometry is preserved
 * 
 * The resulting structure consists of the following elements:
 * 
 * elem  - initial scrollable element, its original content is
 *  │      taken over, and moves into the container (see below)
 * *  └─ wrapper  - fits into the elem, has position: relative, so
 *      │         that hosted elements with absolutie position can
 *      │         also fit into the element
 * *      ├─ resizer  - html object, detects elem resize
 * *      └─ contextor  - initiates a new stacking context, so that
 *          │          internal z-indices do not mess with the
 *          │          external content
 * *          ├─ scroller    - the new scrollable element with
 *          │   │            scrollbars (outside of the bounds and
 *          │   │            thus not visible), has z-index: 0 and
 *          │   │            absolute position, which initializes
 *          │   │            another stacking context for the
 *          │   │            hosted content
 *          │   │
 *          │   └─ pusher   - has explicit dimensions updated by
 *          │       │         the resizer event handler, pushes
 *          │       │         the scrollabrs of the scroller out
 *          │       │         of the bounds, has float:left to set
 *          │       │         up a new block formatting context
 *          │       │         (otherwise contained floats would
 *          │       │         affect scroller's geometry)
 *          │       │
 *          │       └─ container  - hosts original content, takes
 *          │           │           over the external margins
 *          │           │           if root elem is body
 *          │           ├─ ...
 *          │           ├─ ...    - original content taken over
 *          │           ├─ ...      from the root elem
 *          │           :
 * * *          ├─ west side    - indicator sides, ordered to put
 *          ├─ east side      north and south on top (z-index
 *          ├─ south side     is not used since it messes-up
 *          └─ north side     in IE9)
 */
Intence.prototype._createElemStructure = function() {
    this._createElements();
    this._createResizer();
    this._createSides();
}


/**
 * Creates a set of elements
 */
Intence.prototype._createElements = function() {
    this._cmp.wrapper   = elemSample.div.cloneNode(false);
    this._cmp.contextor = elemSample.div.cloneNode(false);
    this._cmp.scroller  = elemSample.div.cloneNode(false);
    this._cmp.pusher    = elemSample.div.cloneNode(false);
    this._cmp.container = elemSample.div.cloneNode(false);

    var style = {
        elem : {
            overflow : 'hidden',
            padding : '0px'
        },
        wrapper : {
            position : 'relative',
            overflow : 'hidden',
            width    : '100%',
            height   : '100%'
        },
        contextor : {
            position : 'absolute',
            overflow : 'hidden',
            width    : '100%',
            height   : '100%'
        },
        scroller : {
            position  : 'absolute',
            overflow  : 'scroll',
            zIndex   : 0
        },
        pusher : {
            'float' : 'left'
        },
        container : {}
    };

    this._origStyle = {overflow : this._elem.style.overflow};
    if (this._isBody) {
        var margins = [
            'margin', 'marginTop', 'marginRight',
            'marginBottom', 'marginLeft'
        ];

        var cs = window.getComputedStyle(this._elem, null);
        var i, m;
        for (i = 0; i < margins.length; i++) {
            m = margins[i];
            style.container[m] = cs[m];
            this._origStyle[m] = this._elem.style[m];
        }

        style.elem.margin = 0;
    }

    util.setStyle(this._elem, style.elem);
    util.setStyle(this._cmp.wrapper, style.wrapper);
    util.setStyle(this._cmp.contextor, style.contextor);
    util.setStyle(this._cmp.scroller, style.scroller);
    util.setStyle(this._cmp.pusher, style.pusher);
    util.setStyle(this._cmp.container, style.container);

    impl.stackingContext(this._cmp.contextor);

    var id = this._elem.getAttribute('id');
    if (id) {
        this._cmp.scroller.setAttribute('id', id+'-scroller');
    }

    util.attachChildren(
        this._cmp.container, util.detachChildren(this._elem)
    );

    this._cmp.pusher.appendChild(this._cmp.container);
    this._cmp.scroller.appendChild(this._cmp.pusher);
    this._cmp.contextor.appendChild(this._cmp.scroller);
    this._cmp.wrapper.appendChild(this._cmp.contextor);
    this._elem.appendChild(this._cmp.wrapper);
}


/**
 * Creates the resizer and subscribes to resize event
 */
Intence.prototype._createResizer = function() {
    var me = this;
    var listener = function() {
        me._setGeometry();
        me._indicate();
    }

    this._resizer =
        new Resizer(this._cmp.wrapper, this._isBody, listener);
}


/**
 * Creates sides to later host the indicators. Sides created in an
 * order so that north and south are on top. Z-index is not used,
 * since then sides would mess-up with external content in IE9
 * (where stacking context is not appled to contextor)
 */
Intence.prototype._createSides = function() {
    this._sides = {};
    var order = ['west','east','south','north'];

    var dir;
    for (var i = 0; i < order.length; i++) {
        dir = order[i];
        this._sides[dir] = createSideElement(dir);
        this._cmp.contextor.appendChild(this._sides[dir]);
    }
}


/**
 * Removes additional elements created by _createElemStructure
 * thus restoring the element into its original state
 */
Intence.prototype._restoreElemStructure = function() {
    this._resizer.destroy();

    var children = util.detachChildren(this._cmp.container);
    util.detachChildren(this._elem);

    for (var prop in this._origStyle) {
        if (this._origStyle.hasOwnProperty(prop)) {
            this._elem.style[prop] = this._origStyle[prop];
        }
    }

    util.attachChildren(this._elem, children);
}


/**
 * Updates the subcomponents geometry according to the element
 * dimensions
 */
Intence.prototype._setGeometry = function() {
    var geom = this._cmp.wrapper.getBoundingClientRect();
    util.setStyle(this._cmp.pusher, {
        width  : util.px(Math.ceil(geom.width)),
        height : util.px(Math.ceil(geom.height))
    });
}


/**
 * Initiates loading of images corresponding to each side
 */
Intence.prototype._loadImages = function() {
    var me = this;
    var sideInitialized = {};
    var defaultUrl = this._elem.getAttribute('scrollimg')||'';
    var img, dir, url;
    for (var i = 0; i < util.dir.length; i++) {
        dir = util.dir[i];
        url = this._elem.getAttribute(
            'scrollimg'+dir
        );

        img = new CachedImg(url||defaultUrl);
        sideInitialized[dir] = new wl.Whenable;
        img.whenReady(
            (function(dir, img){
                 return function() {
                     if (!me._destroyed) {
                         me._indicators[dir] = new Indicator(
                             dir,
                             me._cmp.contextor,
                             me._sides[dir],
                             img
                         );

                         me._sideReady[dir] = true;
                         sideInitialized[dir].emit();
                     }
                 }
             })(dir, img)
        );

        this._images[dir] = img;
    }

    wl.whenAll(
        sideInitialized.north.getSubscriber(),
        sideInitialized.east.getSubscriber(),
        sideInitialized.south.getSubscriber(),
        sideInitialized.west.getSubscriber()
    )(function(){
        me._indicate(true);
    });

    this._cmp.scroller.addEventListener(
        'scroll', function(){me._indicate();}, false
    );
}


/**
 * Updates the scrolling indicators on each side according to the
 * current scroll state of the element
 * 
 * @param {Boolean} init true to perform initial indicate
 */
Intence.prototype._indicate = function(init) {
    var geom = this._cmp.wrapper.getBoundingClientRect();
    var scrollInfo = this._getScrollInfo();
    var beyond = this._getBeyond(geom, scrollInfo);
    var infinite = this._getInfinite();

    for (var i = 0; i < util.dir.length; i++) {
        var dir = util.dir[i];
        if (this._sideReady[dir]) {
            var indicator = this._indicators[dir];
            var data = this._images[dir].getData();

            var sizesChanged = this._haveSizesChanged(dir, geom);
            var totalsChanged =
                this._haveTotalsChanged(dir, scrollInfo);

            var origCoord = this._getOrigCoord(
                dir, beyond, data.origSize,
                totalsChanged || sizesChanged
            );

            var areaSize =
                util.isVertical[dir] ? geom.height : geom.width;

            var intensity = this._getIntensity(
                beyond[dir], infinite[dir],
                data.maxIntensity, areaSize
            );

            var sideOffset =
                beyond[util.isVertical[dir] ? 'west':'north'];

            if (dir == 'north' || dir == 'east') {
                sideOffset = -sideOffset;
            }

            indicator.update(
                geom.width, geom.height, // area geometry
                data.points[origCoord],  // scrolling amount
                sideOffset,              // side offset
                intensity, totalsChanged, init // intensity
            );
        }
    }
}


/**
 * @returns {Object} the area scrolling information
 */
Intence.prototype._getScrollInfo = function() {
    var scroller = this._cmp.scroller;
    return {
        width  : scroller.scrollWidth,
        height : scroller.scrollHeight,
        top    : scroller.scrollTop,
        left   : scroller.scrollLeft
    };
}


/**
 * For the scrollable area returns the amount of pixels scrollable
 * beyond each side
 * 
 * For Opera and zoomed page the distances may be non-integer and
 * it might not be possible to scroll to the end, so the method
 * rounds-up the values
 * 
 * @param {Object} geom geometry returned by getBoundingClientRect
 * @param {Object} scroll area scroll information
 * 
 * @returns {Object}
 */
Intence.prototype._getBeyond = function(geom, scroll) {
    return {
        north : this._fixCoord(scroll.top),
        south : this._fixCoord(
            scroll.height - scroll.top - geom.height
        ),
        west  : this._fixCoord(scroll.left),
        east  : this._fixCoord(
            scroll.width - scroll.left - geom.width
        )
    };
}


/**
 * Fixes the geometry coordinate / scrolling amount which might be
 * reported as negative or non-integer on some browsers /
 * zoom-levels
 * 
 * @param {Number} val
 * 
 * @returns {Number} fixed coordinate (integer >=0)
 */
Intence.prototype._fixCoord = function(val) {
    return Math.max(0, Math.floor(val));
}


/**
 * Returns the coordinate of the original (unstretched) texture
 * which is synced with the scrolling amount
 * 
 * @param {String} dir direction
 * @param {Object} beyond set of scrolling amounts
 * @param {Number} size (height) of the original texture
 * @param {Boolean} keep true to keep the orig coord and update
 *                       the offset instead
 * 
 * @returns {Number} original coordinate
 */
Intence.prototype._getOrigCoord = function(
    dir, beyond, size, keep
) {
    var origPoint = beyond[dir];

    var result = this._mod(origPoint, size);

    if (keep) {
        var diff = result - this._lastOrigCoord[dir];
        this._addendum[dir] -= diff;
        this._addendum[dir] = this._addendum[dir] % size;
    }

    this._lastOrigCoord[dir] = result;
    result += this._addendum[dir];
    result = this._mod(result, size);

    return result;
}


/**
 * Returns the information about which sides are set as being
 * infinitely scrollable with scrollInfinite.. attributes
 * 
 * @returns {Object}
 */
Intence.prototype._getInfinite = function() {
    var result = {}, dir, i;
    for (i = 0; i < util.dir.length; i++) {
        dir = util.dir[i];
        result[dir] = this._elem.getAttribute(
            'scrollinfinite'+dir
        ) !== null;
    }

    return result;
}



/**
 * Checks if total size of the area changed in the corresponding
 * dimension. This might happen either due to resize or due to
 * dynamically changed geometry - in both cases the intensity mask
 * is updated, but not the blocks coordinates
 * 
 * @param {String} dir direction
 * @param {Object} geom geometry returned by getBoundingClientRect
 * 
 * @returns {Boolean} true if sizes changed, false otherwise
 */
Intence.prototype._haveSizesChanged = function(dir, geom) {
    var changed = false;

    var newSize = util.isVertical[dir] ? geom.height : geom.width;
    if (this._sizes[dir] != newSize) {
        changed = true;
        this._sizes[dir] = newSize;
    }

    return changed;
}


/**
 * Checks if total size of the scrollable distance changed. This
 * might happen either due to resize or due to dynamically changed
 * content - in both cases the intensity mask is updated, but not
 * the blocks coordinates
 * 
 * @param {String} dir direction
 * @param {Object} scroll data of the scroller
 * 
 * @returns {Boolean} true if total dimensions changed
 */
Intence.prototype._haveTotalsChanged = function(dir, scroll) {
    var changed = false;

    var el = this._cmp.scroller;
    var newTotal = util.isVertical[dir] ?
        scroll.height : scroll.width;
    if (this._totals[dir] != newTotal) {
        changed = true;
        this._totals[dir] = newTotal;
    }

    return changed;
}


/**
 * Returns the division remainder (0 to value-1)
 * 
 * @param {Number} value
 * @param {Number} module
 */
Intence.prototype._mod = function(value, module) {
    value = value % module;
    value += module;
    value = value % module;
    if (value == module) {
        value = 0;
    }

    return value;
}


/**
 * Returns the size of the blocks container which depends on the
 * scroll amount beyond the border
 * 
 * @param {Number} beyond number of px beyond the border
 * @param {Boolean} infinite true if side is set as infinite
 * @param {Number} maxSize of the container
 * @param {Number} areaSize visible area size
 * 
 * @returns {Number} current size of the container
 */
Intence.prototype._getIntensity = function(
    beyond, infinite, maxSize, areaSize
) {
    var intensity =
        infinite ? 1 : 1 - 1 / (beyond*cfg.indicatorGain + 1);
    var max = Math.min(maxSize, cfg.indicatorMaxArea * areaSize);
    var pad = 1;
    var size = pad + Math.ceil(intensity * (max-pad))
    return size;
}


/**
 * Removes the additional indicator elements, thus restores the
 * element in its original state
 */
Intence.prototype.destroy = function() {
    this._restoreElemStructure();
    this._destroyed = true;
}


интэнс может работать горизонтально или в двух измерениях одновременно:
это китайский свиток По реке, если вдруг любопытно
Как вы уже заметили

У интэнса нет активных областей, куда можно было бы нажать, чтобы быстро переместиться в другую часть. Это сделано намеренно: теперь вопросы обозначения и управления прокруткой решаются отдельно. Индикатор интэнс отвечает за обозначение, и предполагается, что он будет работать совместно с каким-нибудь навигационным виджетом (таким как меню справа). Это может быть, например, листалка страниц, или маленькое превью всего содержимого, а может и что-то совершенно новое. Взгляните, например, на навигационные меню созданные с помощью библиотеки viewport.js. Также как интэнс лучше полосы прокрутки обозначает прокручивающиеся области, такие компоненты могут быть созданы для конкретного приложения и таким образом сделать навигацию более удобной и эффективной.

расскажите всем
Трум пум пум

интэнс это javascript-библиотека с открытым исходным кодом [Гитхаб] — то есть её можно просто скачать и усатновить на свой сайт или веб-приложение. Библиотека работает на современных версиях браузеров (в остальных она просто оставит полосу прокрутки):

15+
15+
9+
8+
7+

Скачайте и распакуйте архив: intence-1.1.4.tar.gz (10кб), или загрузите интэнс с помощью Bower:

$ bower install intence

Подключите intence.js в свой проект удобным способом (это UMD-модуль):

<script src="intence.js"></script>

Создайте прокручивающийся элемент обычным образом, так чтобы браузер добавил к нему полосу прокрутки:

<div id=myElem>
   Тут длинный текст...
</div>
#myElem {
    width : 200px;
    height : 400px;
    overflow: auto;
}

Добавьте элементу класс intence, и укажите в качестве значения атрибута scrollImg путь к изображению, которое нужно использовать для индикатора:

<div id=myElem class=intence scrollImg=texture.png>
    Тут длинный текст...
</div>

Теперь вместо полосы прокрутки будет индикатор интэнс сделанный из изображения texture.png. Вы можете также применить класс intence к элементу <body>, и тогда вся страница будет обозначена индикатором вместо полосы прокрутки.

Выбирая изображения для индикатора, имейте в виду, что оно будет сильно сжато вертикально:

По горизонтали могут быть мелкие детали, но в вертикальном измерении должны быть крупные формы

Изображение будет повёрнуто таким образом, что его верх станет ориентирован в сторону края прокручиваемой области:

текстура
индикатор

Текстура прокручивается внутри индикатора с разной скоростью: чем ближе к краю, тем медленней движение. Кроме того, скорость зависит от высоты исходного изображения, то есть можно влиять на скорость движения выбирая текстуру нужной высоты:

медленно прокрутите области перетаскивая мышкой и сравните скорость вращения

Индикатор с высокой текстурой движется медленнее и плавнее. Это особенно важно для пользователей, которые прокручивают колёсиком, у них прокрутка обычно происходит дискретными шагами. Поэтому лучше использовать высокую текстуру.
Индикатор из низкой текстуры вращается быстро, скорость движения текстуры с противоположной от края области стороны приближается к скорости прокрутки содержимого. Это может пригодиться, если текстура выглядит как продолжение содержимого (как в примере с китайским свитком выше).

Размер индикатора может достигать 0.12 от размера прокручиваемой области в соответствующем направлении. Кроме того, размер индикатора не может быть больше 0.6 от высоты исходной текстуры (по некоторым математическим причинам). То есть, выбирая низкую текстуру, можно ограничить максимальный размер индикатора.

Индикатор состоит из блоков, которые иногда располагаются внахлёст (чтобы избежать зазоров между блоками). Поэтому области вокруг верхнего и нижнего края текстуры не должны быть полупрозрачными (иначе могут появиться грязные стыки). Вообще, лучше использовать полностью непрозрачную текстуру, тогда содержимое будет исчезать в текстуре — как раз по этому пользователь понимает, что содержимое не заканчивается (а не по яркому изображению на индикаторе):

In hac habitasse platea dictumst. Mauris in tincidunt tortor. Donec ullamcorper nunc purus, vitae pretium libero ornare eu. Nam porttitor est in tempus posuere. Curabitur eget nisi et orci convallis vehicula malesuada non mauris. Phasellus fermentum maximus lorem, at aliquam nisi ullamcorper eu. Donec feugiat ante metus, et sollicitudin tortor consequat sit amet. Duis posuere risus ut fringilla congue. Pellentesque porta nisl eget ipsum interdum, a lacinia diam ullamcorper.

Donec eget ex malesuada, viverra urna vitae, luctus ex. Mauris pretium hendrerit felis nec dignissim. Integer vitae odio odio. Curabitur vitae mollis neque. Vestibulum eget porta metus. Maecenas ac quam vehicula, gravida est sit amet, hendrerit nulla. Cras viverra velit enim, at viverra nulla tincidunt ut. Fusce vestibulum nunc sit amet vehicula sagittis. Mauris feugiat faucibus elit.

Proin vulputate elit euismod risus vulputate, vel ultrices nunc lacinia. In hac habitasse platea dictumst. Morbi at odio in nisi ornare feugiat vitae in dui. In sed lacus orci. Maecenas mollis mollis pretium. Nam ac ullamcorper enim, nec ultrices urna. Vestibulum vitae metus pharetra, tempus quam a, rhoncus arcu. Curabitur ac orci et turpis accumsan porttitor. Sed et gravida arcu. In posuere fringilla consectetur. Fusce in tortor fringilla, consectetur ante sed, varius tortor. Suspendisse nec quam elit. Vestibulum luctus egestas maximus. Vestibulum elementum sit amet tellus vitae cursus. Quisque hendrerit euismod fringilla.

Sed tempus arcu id velit condimentum, quis malesuada lectus sagittis. Mauris eget leo id risus dapibus mollis vitae non risus. Ut laoreet eu quam in gravida. Suspendisse potenti. Mauris quis tempus mauris, et rhoncus sapien. Mauris dui nunc, eleifend vel vehicula a, interdum eu purus. Quisque nunc diam, dapibus a fringilla in, ultrices in ante. Nam et dapibus nisl. Vivamus faucibus condimentum ipsum, a sagittis elit mollis scelerisque. In a ex vitae odio egestas interdum nec eu lacus. Aenean consequat iaculis tellus, vel malesuada odio gravida sed. Nunc pellentesque nulla aliquam tellus suscipit, eleifend iaculis nisi gravida. Nunc dictum urna id maximus feugiat. Phasellus volutpat molestie erat nec feugiat. Cras vulputate velit id metus volutpat, quis vestibulum orci pulvinar. Nulla et porta dui.

Phasellus dignissim vitae leo at ultrices. Donec fringilla ipsum id neque ultrices, nec efficitur orci laoreet. Curabitur quam libero, suscipit in ex vel, egestas commodo ex. Proin a dolor ut lacus dictum placerat quis vitae risus. Duis eget pellentesque erat, quis maximus arcu. Maecenas lacinia sapien sed odio suscipit, vel rutrum felis ornare. Aenean sagittis urna a justo dictum maximus. Donec condimentum justo nec arcu tristique luctus. Maecenas pellentesque, nunc non aliquet interdum, mi tellus lacinia lacus, dignissim dapibus nibh turpis eget purus. Donec ut lorem id mi scelerisque bibendum vitae et est. Nulla sed tellus facilisis, rhoncus neque id, pulvinar leo. Suspendisse imperdiet ipsum libero, id elementum velit sodales sed. Quisque vel tortor tellus. Aenean egestas non mi at vulputate. Nulla eget tempus augue. Nulla massa ante, blandit vitae quam sed, molestie feugiat nisl.

Aenean consectetur nunc at sapien accumsan, vitae condimentum neque mattis. Proin eget ultrices nunc. Proin auctor volutpat lacus. Donec blandit nulla at ornare tempor. Aenean dictum, dolor sit amet malesuada tristique, sem tortor iaculis nulla, sed mattis justo ipsum at massa. Morbi eleifend, erat a eleifend hendrerit, nibh ipsum mattis magna, sit amet maximus leo magna ac orci. Nullam ultrices, metus ut sollicitudin volutpat, leo metus accumsan dui, sed vestibulum ex est ac erat. Sed placerat finibus quam lobortis eleifend. Aenean facilisis nisl sed fermentum venenatis. Nam accumsan fringilla urna, ac pellentesque mi pellentesque eu. Sed commodo mi sapien, ac hendrerit sem facilisis nec.

Vivamus et efficitur leo, eu viverra ligula. Sed imperdiet sed eros quis rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus vel nunc euismod, pellentesque orci ut, molestie massa. Phasellus magna massa, lacinia sed tortor vitae, aliquet lacinia est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse ornare erat condimentum, euismod nisi eget, facilisis nisl. Vivamus a turpis lobortis, bibendum orci at, euismod est. Maecenas est leo, congue et ornare at, feugiat at ex. Aliquam ligula dui, scelerisque quis risus ac, malesuada lacinia lorem.

Aliquam eget velit pharetra, viverra metus a, convallis tellus. Praesent ullamcorper fringilla purus, vel sollicitudin ex interdum in. Nullam vitae tincidunt neque. Pellentesque felis dui, consectetur id sagittis vel, dapibus a lacus. Praesent vehicula nisi aliquet diam maximus blandit. Fusce at metus nec sem consectetur eleifend nec ac odio. Suspendisse fringilla, diam venenatis pulvinar posuere, nisi arcu iaculis nisi, eget molestie augue diam vitae arcu. Sed ultrices lacinia risus in congue.

Aliquam hendrerit eleifend neque, a iaculis lacus. Ut id luctus massa. Donec sodales placerat interdum. Nulla dolor libero, lacinia vel ornare at, faucibus vel ipsum. In eu finibus dui. Cras nisi tortor, pharetra nec mollis a, sagittis in ante. Donec fringilla convallis nunc, vitae euismod lacus accumsan id. Etiam vehicula lectus eleifend tincidunt pellentesque. Duis accumsan nunc urna.

Nunc sed nulla sed nunc facilisis tincidunt nec vel nisl. Morbi pellentesque malesuada tellus, sit amet porta urna hendrerit at. Suspendisse sed egestas metus, non efficitur tortor. Pellentesque iaculis, magna ut malesuada sagittis, est eros dignissim felis, ornare facilisis metus nisl sit amet orci. Vestibulum sit amet eleifend nisi, ultricies aliquam libero. Praesent semper mi ultrices congue ullamcorper. Fusce a sem felis. Phasellus nisi odio, pharetra ut metus nec, porta semper massa. Etiam at nunc sed arcu varius posuere a at lorem. Etiam sem nisl, cursus non lacus id, lacinia tempor tortor.

Nam est eros, facilisis sit amet orci ultricies, commodo pellentesque nisl. Donec nec metus dignissim, rhoncus erat vitae, gravida libero. Nunc hendrerit sit amet nibh quis feugiat. Phasellus et finibus massa. Sed congue nibh augue, sit amet cursus velit varius vitae. Donec consequat metus aliquam nibh feugiat consectetur. Cras vel volutpat ex. Quisque lobortis dui orci, a pharetra justo malesuada sit amet. Suspendisse potenti. Nulla facilisi. Curabitur hendrerit tellus tortor, quis facilisis urna fringilla at.

Duis magna ante, pulvinar ac sagittis in, mollis at enim. Integer rhoncus vestibulum leo, in mollis leo laoreet id. Nullam blandit lectus vitae vehicula suscipit. Ut vel posuere ligula. Nullam a tempus sem. Nullam mollis sit amet leo bibendum euismod. Cras faucibus metus sit amet euismod pellentesque. Pellentesque sed eleifend sapien. Vivamus congue lorem eget erat posuere convallis. Curabitur a congue nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam vel pretium magna, venenatis luctus lacus. Aenean ac accumsan augue. Ut consequat lacus vel lectus scelerisque, ut facilisis orci sagittis.

Fusce in auctor massa. Cras a quam eget libero posuere aliquam sed et sapien. Fusce scelerisque laoreet eleifend. Phasellus eget nisi tortor. Cras dignissim eget leo ut pretium. Sed eleifend, massa suscipit interdum bibendum, arcu nibh gravida erat, nec gravida orci est sed orci. Praesent in luctus turpis, in pellentesque tellus. Cras condimentum porta magna, eget sagittis neque. Proin sit amet neque et lectus semper pellentesque quis vel felis.

Vestibulum id odio quis enim eleifend vulputate eget eu orci. Nullam porttitor purus vitae quam ornare, ac finibus nisl laoreet. Suspendisse laoreet porta scelerisque. Quisque at lorem lacus. Suspendisse potenti. Donec volutpat id eros in sodales. In sit amet pulvinar ante. In ornare libero nec orci fermentum malesuada. Vivamus interdum luctus est eget malesuada. Suspendisse potenti.

Nam ut nisl scelerisque tellus rutrum tempor. Duis tristique ullamcorper purus, rutrum varius elit. Mauris pretium malesuada dui, quis tincidunt erat ornare id. Suspendisse fermentum, orci nec feugiat efficitur, ex ipsum mattis tellus, ut egestas risus metus ac risus. Donec vitae tincidunt magna. In nec feugiat nibh. Morbi rutrum sed enim nec aliquam. Praesent enim urna, elementum quis ante tristique, efficitur fringilla velit. Aenean sodales sem a purus blandit lobortis. Phasellus vel purus tellus. Phasellus vel lorem vel purus fermentum vehicula. Mauris ac lectus ullamcorper diam rutrum mollis tempus non ante.

Vestibulum sagittis porta sapien, non posuere lorem vehicula eu. Maecenas viverra placerat leo, quis fermentum purus. Sed pellentesque, nunc quis maximus suscipit, tellus metus elementum elit, nec volutpat dui nisi nec est. Pellentesque id nisl metus. Nulla at suscipit leo, et dictum purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin maximus, eros nec varius porttitor, ex odio luctus diam, eget viverra ipsum odio at ipsum.

Maecenas sollicitudin egestas nibh, vel dictum mi fringilla quis. Praesent euismod eget neque eu finibus. Vestibulum sit amet malesuada urna. Suspendisse et dapibus justo. Sed molestie mi eu ante tincidunt porttitor. Morbi tincidunt orci sed purus pharetra, nec mattis purus convallis. Suspendisse porttitor porta volutpat. In bibendum nisl sed sem mollis rhoncus. Mauris varius lobortis nulla non dapibus. Sed lacinia enim quam, a condimentum tellus fermentum sed. Etiam quis hendrerit metus. Nam sit amet varius arcu.

Suspendisse dolor magna, lacinia in mauris eget, consectetur aliquet lacus. Donec eget felis eget erat sollicitudin dapibus. Vivamus tincidunt feugiat leo, in sagittis lorem tempor vitae. Quisque molestie, nunc vel molestie pharetra, diam velit dignissim mauris, eget bibendum posuere.

In hac habitasse platea dictumst. Mauris in tincidunt tortor. Donec ullamcorper nunc purus, vitae pretium libero ornare eu. Nam porttitor est in tempus posuere. Curabitur eget nisi et orci convallis vehicula malesuada non mauris. Phasellus fermentum maximus lorem, at aliquam nisi ullamcorper eu. Donec feugiat ante metus, et sollicitudin tortor consequat sit amet. Duis posuere risus ut fringilla congue. Pellentesque porta nisl eget ipsum interdum, a lacinia diam ullamcorper.

Donec eget ex malesuada, viverra urna vitae, luctus ex. Mauris pretium hendrerit felis nec dignissim. Integer vitae odio odio. Curabitur vitae mollis neque. Vestibulum eget porta metus. Maecenas ac quam vehicula, gravida est sit amet, hendrerit nulla. Cras viverra velit enim, at viverra nulla tincidunt ut. Fusce vestibulum nunc sit amet vehicula sagittis. Mauris feugiat faucibus elit.

Proin vulputate elit euismod risus vulputate, vel ultrices nunc lacinia. In hac habitasse platea dictumst. Morbi at odio in nisi ornare feugiat vitae in dui. In sed lacus orci. Maecenas mollis mollis pretium. Nam ac ullamcorper enim, nec ultrices urna. Vestibulum vitae metus pharetra, tempus quam a, rhoncus arcu. Curabitur ac orci et turpis accumsan porttitor. Sed et gravida arcu. In posuere fringilla consectetur. Fusce in tortor fringilla, consectetur ante sed, varius tortor. Suspendisse nec quam elit. Vestibulum luctus egestas maximus. Vestibulum elementum sit amet tellus vitae cursus. Quisque hendrerit euismod fringilla.

Sed tempus arcu id velit condimentum, quis malesuada lectus sagittis. Mauris eget leo id risus dapibus mollis vitae non risus. Ut laoreet eu quam in gravida. Suspendisse potenti. Mauris quis tempus mauris, et rhoncus sapien. Mauris dui nunc, eleifend vel vehicula a, interdum eu purus. Quisque nunc diam, dapibus a fringilla in, ultrices in ante. Nam et dapibus nisl. Vivamus faucibus condimentum ipsum, a sagittis elit mollis scelerisque. In a ex vitae odio egestas interdum nec eu lacus. Aenean consequat iaculis tellus, vel malesuada odio gravida sed. Nunc pellentesque nulla aliquam tellus suscipit, eleifend iaculis nisi gravida. Nunc dictum urna id maximus feugiat. Phasellus volutpat molestie erat nec feugiat. Cras vulputate velit id metus volutpat, quis vestibulum orci pulvinar. Nulla et porta dui.

Phasellus dignissim vitae leo at ultrices. Donec fringilla ipsum id neque ultrices, nec efficitur orci laoreet. Curabitur quam libero, suscipit in ex vel, egestas commodo ex. Proin a dolor ut lacus dictum placerat quis vitae risus. Duis eget pellentesque erat, quis maximus arcu. Maecenas lacinia sapien sed odio suscipit, vel rutrum felis ornare. Aenean sagittis urna a justo dictum maximus. Donec condimentum justo nec arcu tristique luctus. Maecenas pellentesque, nunc non aliquet interdum, mi tellus lacinia lacus, dignissim dapibus nibh turpis eget purus. Donec ut lorem id mi scelerisque bibendum vitae et est. Nulla sed tellus facilisis, rhoncus neque id, pulvinar leo. Suspendisse imperdiet ipsum libero, id elementum velit sodales sed. Quisque vel tortor tellus. Aenean egestas non mi at vulputate. Nulla eget tempus augue. Nulla massa ante, blandit vitae quam sed, molestie feugiat nisl.

Aenean consectetur nunc at sapien accumsan, vitae condimentum neque mattis. Proin eget ultrices nunc. Proin auctor volutpat lacus. Donec blandit nulla at ornare tempor. Aenean dictum, dolor sit amet malesuada tristique, sem tortor iaculis nulla, sed mattis justo ipsum at massa. Morbi eleifend, erat a eleifend hendrerit, nibh ipsum mattis magna, sit amet maximus leo magna ac orci. Nullam ultrices, metus ut sollicitudin volutpat, leo metus accumsan dui, sed vestibulum ex est ac erat. Sed placerat finibus quam lobortis eleifend. Aenean facilisis nisl sed fermentum venenatis. Nam accumsan fringilla urna, ac pellentesque mi pellentesque eu. Sed commodo mi sapien, ac hendrerit sem facilisis nec.

Vivamus et efficitur leo, eu viverra ligula. Sed imperdiet sed eros quis rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus vel nunc euismod, pellentesque orci ut, molestie massa. Phasellus magna massa, lacinia sed tortor vitae, aliquet lacinia est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse ornare erat condimentum, euismod nisi eget, facilisis nisl. Vivamus a turpis lobortis, bibendum orci at, euismod est. Maecenas est leo, congue et ornare at, feugiat at ex. Aliquam ligula dui, scelerisque quis risus ac, malesuada lacinia lorem.

Aliquam eget velit pharetra, viverra metus a, convallis tellus. Praesent ullamcorper fringilla purus, vel sollicitudin ex interdum in. Nullam vitae tincidunt neque. Pellentesque felis dui, consectetur id sagittis vel, dapibus a lacus. Praesent vehicula nisi aliquet diam maximus blandit. Fusce at metus nec sem consectetur eleifend nec ac odio. Suspendisse fringilla, diam venenatis pulvinar posuere, nisi arcu iaculis nisi, eget molestie augue diam vitae arcu. Sed ultrices lacinia risus in congue.

Aliquam hendrerit eleifend neque, a iaculis lacus. Ut id luctus massa. Donec sodales placerat interdum. Nulla dolor libero, lacinia vel ornare at, faucibus vel ipsum. In eu finibus dui. Cras nisi tortor, pharetra nec mollis a, sagittis in ante. Donec fringilla convallis nunc, vitae euismod lacus accumsan id. Etiam vehicula lectus eleifend tincidunt pellentesque. Duis accumsan nunc urna.

Nunc sed nulla sed nunc facilisis tincidunt nec vel nisl. Morbi pellentesque malesuada tellus, sit amet porta urna hendrerit at. Suspendisse sed egestas metus, non efficitur tortor. Pellentesque iaculis, magna ut malesuada sagittis, est eros dignissim felis, ornare facilisis metus nisl sit amet orci. Vestibulum sit amet eleifend nisi, ultricies aliquam libero. Praesent semper mi ultrices congue ullamcorper. Fusce a sem felis. Phasellus nisi odio, pharetra ut metus nec, porta semper massa. Etiam at nunc sed arcu varius posuere a at lorem. Etiam sem nisl, cursus non lacus id, lacinia tempor tortor.

Nam est eros, facilisis sit amet orci ultricies, commodo pellentesque nisl. Donec nec metus dignissim, rhoncus erat vitae, gravida libero. Nunc hendrerit sit amet nibh quis feugiat. Phasellus et finibus massa. Sed congue nibh augue, sit amet cursus velit varius vitae. Donec consequat metus aliquam nibh feugiat consectetur. Cras vel volutpat ex. Quisque lobortis dui orci, a pharetra justo malesuada sit amet. Suspendisse potenti. Nulla facilisi. Curabitur hendrerit tellus tortor, quis facilisis urna fringilla at.

Duis magna ante, pulvinar ac sagittis in, mollis at enim. Integer rhoncus vestibulum leo, in mollis leo laoreet id. Nullam blandit lectus vitae vehicula suscipit. Ut vel posuere ligula. Nullam a tempus sem. Nullam mollis sit amet leo bibendum euismod. Cras faucibus metus sit amet euismod pellentesque. Pellentesque sed eleifend sapien. Vivamus congue lorem eget erat posuere convallis. Curabitur a congue nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam vel pretium magna, venenatis luctus lacus. Aenean ac accumsan augue. Ut consequat lacus vel lectus scelerisque, ut facilisis orci sagittis.

Fusce in auctor massa. Cras a quam eget libero posuere aliquam sed et sapien. Fusce scelerisque laoreet eleifend. Phasellus eget nisi tortor. Cras dignissim eget leo ut pretium. Sed eleifend, massa suscipit interdum bibendum, arcu nibh gravida erat, nec gravida orci est sed orci. Praesent in luctus turpis, in pellentesque tellus. Cras condimentum porta magna, eget sagittis neque. Proin sit amet neque et lectus semper pellentesque quis vel felis.

Vestibulum id odio quis enim eleifend vulputate eget eu orci. Nullam porttitor purus vitae quam ornare, ac finibus nisl laoreet. Suspendisse laoreet porta scelerisque. Quisque at lorem lacus. Suspendisse potenti. Donec volutpat id eros in sodales. In sit amet pulvinar ante. In ornare libero nec orci fermentum malesuada. Vivamus interdum luctus est eget malesuada. Suspendisse potenti.

Nam ut nisl scelerisque tellus rutrum tempor. Duis tristique ullamcorper purus, rutrum varius elit. Mauris pretium malesuada dui, quis tincidunt erat ornare id. Suspendisse fermentum, orci nec feugiat efficitur, ex ipsum mattis tellus, ut egestas risus metus ac risus. Donec vitae tincidunt magna. In nec feugiat nibh. Morbi rutrum sed enim nec aliquam. Praesent enim urna, elementum quis ante tristique, efficitur fringilla velit. Aenean sodales sem a purus blandit lobortis. Phasellus vel purus tellus. Phasellus vel lorem vel purus fermentum vehicula. Mauris ac lectus ullamcorper diam rutrum mollis tempus non ante.

Vestibulum sagittis porta sapien, non posuere lorem vehicula eu. Maecenas viverra placerat leo, quis fermentum purus. Sed pellentesque, nunc quis maximus suscipit, tellus metus elementum elit, nec volutpat dui nisi nec est. Pellentesque id nisl metus. Nulla at suscipit leo, et dictum purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin maximus, eros nec varius porttitor, ex odio luctus diam, eget viverra ipsum odio at ipsum.

Maecenas sollicitudin egestas nibh, vel dictum mi fringilla quis. Praesent euismod eget neque eu finibus. Vestibulum sit amet malesuada urna. Suspendisse et dapibus justo. Sed molestie mi eu ante tincidunt porttitor. Morbi tincidunt orci sed purus pharetra, nec mattis purus convallis. Suspendisse porttitor porta volutpat. In bibendum nisl sed sem mollis rhoncus. Mauris varius lobortis nulla non dapibus. Sed lacinia enim quam, a condimentum tellus fermentum sed. Etiam quis hendrerit metus. Nam sit amet varius arcu.

Suspendisse dolor magna, lacinia in mauris eget, consectetur aliquet lacus. Donec eget felis eget erat sollicitudin dapibus. Vivamus tincidunt feugiat leo, in sagittis lorem tempor vitae. Quisque molestie, nunc vel molestie pharetra, diam velit dignissim mauris, eget bibendum posuere.

In hac habitasse platea dictumst. Mauris in tincidunt tortor. Donec ullamcorper nunc purus, vitae pretium libero ornare eu. Nam porttitor est in tempus posuere. Curabitur eget nisi et orci convallis vehicula malesuada non mauris. Phasellus fermentum maximus lorem, at aliquam nisi ullamcorper eu. Donec feugiat ante metus, et sollicitudin tortor consequat sit amet. Duis posuere risus ut fringilla congue. Pellentesque porta nisl eget ipsum interdum, a lacinia diam ullamcorper.

Donec eget ex malesuada, viverra urna vitae, luctus ex. Mauris pretium hendrerit felis nec dignissim. Integer vitae odio odio. Curabitur vitae mollis neque. Vestibulum eget porta metus. Maecenas ac quam vehicula, gravida est sit amet, hendrerit nulla. Cras viverra velit enim, at viverra nulla tincidunt ut. Fusce vestibulum nunc sit amet vehicula sagittis. Mauris feugiat faucibus elit.

Proin vulputate elit euismod risus vulputate, vel ultrices nunc lacinia. In hac habitasse platea dictumst. Morbi at odio in nisi ornare feugiat vitae in dui. In sed lacus orci. Maecenas mollis mollis pretium. Nam ac ullamcorper enim, nec ultrices urna. Vestibulum vitae metus pharetra, tempus quam a, rhoncus arcu. Curabitur ac orci et turpis accumsan porttitor. Sed et gravida arcu. In posuere fringilla consectetur. Fusce in tortor fringilla, consectetur ante sed, varius tortor. Suspendisse nec quam elit. Vestibulum luctus egestas maximus. Vestibulum elementum sit amet tellus vitae cursus. Quisque hendrerit euismod fringilla.

Sed tempus arcu id velit condimentum, quis malesuada lectus sagittis. Mauris eget leo id risus dapibus mollis vitae non risus. Ut laoreet eu quam in gravida. Suspendisse potenti. Mauris quis tempus mauris, et rhoncus sapien. Mauris dui nunc, eleifend vel vehicula a, interdum eu purus. Quisque nunc diam, dapibus a fringilla in, ultrices in ante. Nam et dapibus nisl. Vivamus faucibus condimentum ipsum, a sagittis elit mollis scelerisque. In a ex vitae odio egestas interdum nec eu lacus. Aenean consequat iaculis tellus, vel malesuada odio gravida sed. Nunc pellentesque nulla aliquam tellus suscipit, eleifend iaculis nisi gravida. Nunc dictum urna id maximus feugiat. Phasellus volutpat molestie erat nec feugiat. Cras vulputate velit id metus volutpat, quis vestibulum orci pulvinar. Nulla et porta dui.

Phasellus dignissim vitae leo at ultrices. Donec fringilla ipsum id neque ultrices, nec efficitur orci laoreet. Curabitur quam libero, suscipit in ex vel, egestas commodo ex. Proin a dolor ut lacus dictum placerat quis vitae risus. Duis eget pellentesque erat, quis maximus arcu. Maecenas lacinia sapien sed odio suscipit, vel rutrum felis ornare. Aenean sagittis urna a justo dictum maximus. Donec condimentum justo nec arcu tristique luctus. Maecenas pellentesque, nunc non aliquet interdum, mi tellus lacinia lacus, dignissim dapibus nibh turpis eget purus. Donec ut lorem id mi scelerisque bibendum vitae et est. Nulla sed tellus facilisis, rhoncus neque id, pulvinar leo. Suspendisse imperdiet ipsum libero, id elementum velit sodales sed. Quisque vel tortor tellus. Aenean egestas non mi at vulputate. Nulla eget tempus augue. Nulla massa ante, blandit vitae quam sed, molestie feugiat nisl.

Aenean consectetur nunc at sapien accumsan, vitae condimentum neque mattis. Proin eget ultrices nunc. Proin auctor volutpat lacus. Donec blandit nulla at ornare tempor. Aenean dictum, dolor sit amet malesuada tristique, sem tortor iaculis nulla, sed mattis justo ipsum at massa. Morbi eleifend, erat a eleifend hendrerit, nibh ipsum mattis magna, sit amet maximus leo magna ac orci. Nullam ultrices, metus ut sollicitudin volutpat, leo metus accumsan dui, sed vestibulum ex est ac erat. Sed placerat finibus quam lobortis eleifend. Aenean facilisis nisl sed fermentum venenatis. Nam accumsan fringilla urna, ac pellentesque mi pellentesque eu. Sed commodo mi sapien, ac hendrerit sem facilisis nec.

Vivamus et efficitur leo, eu viverra ligula. Sed imperdiet sed eros quis rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus vel nunc euismod, pellentesque orci ut, molestie massa. Phasellus magna massa, lacinia sed tortor vitae, aliquet lacinia est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse ornare erat condimentum, euismod nisi eget, facilisis nisl. Vivamus a turpis lobortis, bibendum orci at, euismod est. Maecenas est leo, congue et ornare at, feugiat at ex. Aliquam ligula dui, scelerisque quis risus ac, malesuada lacinia lorem.

Aliquam eget velit pharetra, viverra metus a, convallis tellus. Praesent ullamcorper fringilla purus, vel sollicitudin ex interdum in. Nullam vitae tincidunt neque. Pellentesque felis dui, consectetur id sagittis vel, dapibus a lacus. Praesent vehicula nisi aliquet diam maximus blandit. Fusce at metus nec sem consectetur eleifend nec ac odio. Suspendisse fringilla, diam venenatis pulvinar posuere, nisi arcu iaculis nisi, eget molestie augue diam vitae arcu. Sed ultrices lacinia risus in congue.

Aliquam hendrerit eleifend neque, a iaculis lacus. Ut id luctus massa. Donec sodales placerat interdum. Nulla dolor libero, lacinia vel ornare at, faucibus vel ipsum. In eu finibus dui. Cras nisi tortor, pharetra nec mollis a, sagittis in ante. Donec fringilla convallis nunc, vitae euismod lacus accumsan id. Etiam vehicula lectus eleifend tincidunt pellentesque. Duis accumsan nunc urna.

Nunc sed nulla sed nunc facilisis tincidunt nec vel nisl. Morbi pellentesque malesuada tellus, sit amet porta urna hendrerit at. Suspendisse sed egestas metus, non efficitur tortor. Pellentesque iaculis, magna ut malesuada sagittis, est eros dignissim felis, ornare facilisis metus nisl sit amet orci. Vestibulum sit amet eleifend nisi, ultricies aliquam libero. Praesent semper mi ultrices congue ullamcorper. Fusce a sem felis. Phasellus nisi odio, pharetra ut metus nec, porta semper massa. Etiam at nunc sed arcu varius posuere a at lorem. Etiam sem nisl, cursus non lacus id, lacinia tempor tortor.

Nam est eros, facilisis sit amet orci ultricies, commodo pellentesque nisl. Donec nec metus dignissim, rhoncus erat vitae, gravida libero. Nunc hendrerit sit amet nibh quis feugiat. Phasellus et finibus massa. Sed congue nibh augue, sit amet cursus velit varius vitae. Donec consequat metus aliquam nibh feugiat consectetur. Cras vel volutpat ex. Quisque lobortis dui orci, a pharetra justo malesuada sit amet. Suspendisse potenti. Nulla facilisi. Curabitur hendrerit tellus tortor, quis facilisis urna fringilla at.

Duis magna ante, pulvinar ac sagittis in, mollis at enim. Integer rhoncus vestibulum leo, in mollis leo laoreet id. Nullam blandit lectus vitae vehicula suscipit. Ut vel posuere ligula. Nullam a tempus sem. Nullam mollis sit amet leo bibendum euismod. Cras faucibus metus sit amet euismod pellentesque. Pellentesque sed eleifend sapien. Vivamus congue lorem eget erat posuere convallis. Curabitur a congue nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam vel pretium magna, venenatis luctus lacus. Aenean ac accumsan augue. Ut consequat lacus vel lectus scelerisque, ut facilisis orci sagittis.

Fusce in auctor massa. Cras a quam eget libero posuere aliquam sed et sapien. Fusce scelerisque laoreet eleifend. Phasellus eget nisi tortor. Cras dignissim eget leo ut pretium. Sed eleifend, massa suscipit interdum bibendum, arcu nibh gravida erat, nec gravida orci est sed orci. Praesent in luctus turpis, in pellentesque tellus. Cras condimentum porta magna, eget sagittis neque. Proin sit amet neque et lectus semper pellentesque quis vel felis.

Vestibulum id odio quis enim eleifend vulputate eget eu orci. Nullam porttitor purus vitae quam ornare, ac finibus nisl laoreet. Suspendisse laoreet porta scelerisque. Quisque at lorem lacus. Suspendisse potenti. Donec volutpat id eros in sodales. In sit amet pulvinar ante. In ornare libero nec orci fermentum malesuada. Vivamus interdum luctus est eget malesuada. Suspendisse potenti.

Nam ut nisl scelerisque tellus rutrum tempor. Duis tristique ullamcorper purus, rutrum varius elit. Mauris pretium malesuada dui, quis tincidunt erat ornare id. Suspendisse fermentum, orci nec feugiat efficitur, ex ipsum mattis tellus, ut egestas risus metus ac risus. Donec vitae tincidunt magna. In nec feugiat nibh. Morbi rutrum sed enim nec aliquam. Praesent enim urna, elementum quis ante tristique, efficitur fringilla velit. Aenean sodales sem a purus blandit lobortis. Phasellus vel purus tellus. Phasellus vel lorem vel purus fermentum vehicula. Mauris ac lectus ullamcorper diam rutrum mollis tempus non ante.

Vestibulum sagittis porta sapien, non posuere lorem vehicula eu. Maecenas viverra placerat leo, quis fermentum purus. Sed pellentesque, nunc quis maximus suscipit, tellus metus elementum elit, nec volutpat dui nisi nec est. Pellentesque id nisl metus. Nulla at suscipit leo, et dictum purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin maximus, eros nec varius porttitor, ex odio luctus diam, eget viverra ipsum odio at ipsum.

Maecenas sollicitudin egestas nibh, vel dictum mi fringilla quis. Praesent euismod eget neque eu finibus. Vestibulum sit amet malesuada urna. Suspendisse et dapibus justo. Sed molestie mi eu ante tincidunt porttitor. Morbi tincidunt orci sed purus pharetra, nec mattis purus convallis. Suspendisse porttitor porta volutpat. In bibendum nisl sed sem mollis rhoncus. Mauris varius lobortis nulla non dapibus. Sed lacinia enim quam, a condimentum tellus fermentum sed. Etiam quis hendrerit metus. Nam sit amet varius arcu.

Suspendisse dolor magna, lacinia in mauris eget, consectetur aliquet lacus. Donec eget felis eget erat sollicitudin dapibus. Vivamus tincidunt feugiat leo, in sagittis lorem tempor vitae. Quisque molestie, nunc vel molestie pharetra, diam velit dignissim mauris, eget bibendum posuere.

In hac habitasse platea dictumst. Mauris in tincidunt tortor. Donec ullamcorper nunc purus, vitae pretium libero ornare eu. Nam porttitor est in tempus posuere. Curabitur eget nisi et orci convallis vehicula malesuada non mauris. Phasellus fermentum maximus lorem, at aliquam nisi ullamcorper eu. Donec feugiat ante metus, et sollicitudin tortor consequat sit amet. Duis posuere risus ut fringilla congue. Pellentesque porta nisl eget ipsum interdum, a lacinia diam ullamcorper.

Donec eget ex malesuada, viverra urna vitae, luctus ex. Mauris pretium hendrerit felis nec dignissim. Integer vitae odio odio. Curabitur vitae mollis neque. Vestibulum eget porta metus. Maecenas ac quam vehicula, gravida est sit amet, hendrerit nulla. Cras viverra velit enim, at viverra nulla tincidunt ut. Fusce vestibulum nunc sit amet vehicula sagittis. Mauris feugiat faucibus elit.

Proin vulputate elit euismod risus vulputate, vel ultrices nunc lacinia. In hac habitasse platea dictumst. Morbi at odio in nisi ornare feugiat vitae in dui. In sed lacus orci. Maecenas mollis mollis pretium. Nam ac ullamcorper enim, nec ultrices urna. Vestibulum vitae metus pharetra, tempus quam a, rhoncus arcu. Curabitur ac orci et turpis accumsan porttitor. Sed et gravida arcu. In posuere fringilla consectetur. Fusce in tortor fringilla, consectetur ante sed, varius tortor. Suspendisse nec quam elit. Vestibulum luctus egestas maximus. Vestibulum elementum sit amet tellus vitae cursus. Quisque hendrerit euismod fringilla.

Sed tempus arcu id velit condimentum, quis malesuada lectus sagittis. Mauris eget leo id risus dapibus mollis vitae non risus. Ut laoreet eu quam in gravida. Suspendisse potenti. Mauris quis tempus mauris, et rhoncus sapien. Mauris dui nunc, eleifend vel vehicula a, interdum eu purus. Quisque nunc diam, dapibus a fringilla in, ultrices in ante. Nam et dapibus nisl. Vivamus faucibus condimentum ipsum, a sagittis elit mollis scelerisque. In a ex vitae odio egestas interdum nec eu lacus. Aenean consequat iaculis tellus, vel malesuada odio gravida sed. Nunc pellentesque nulla aliquam tellus suscipit, eleifend iaculis nisi gravida. Nunc dictum urna id maximus feugiat. Phasellus volutpat molestie erat nec feugiat. Cras vulputate velit id metus volutpat, quis vestibulum orci pulvinar. Nulla et porta dui.

Phasellus dignissim vitae leo at ultrices. Donec fringilla ipsum id neque ultrices, nec efficitur orci laoreet. Curabitur quam libero, suscipit in ex vel, egestas commodo ex. Proin a dolor ut lacus dictum placerat quis vitae risus. Duis eget pellentesque erat, quis maximus arcu. Maecenas lacinia sapien sed odio suscipit, vel rutrum felis ornare. Aenean sagittis urna a justo dictum maximus. Donec condimentum justo nec arcu tristique luctus. Maecenas pellentesque, nunc non aliquet interdum, mi tellus lacinia lacus, dignissim dapibus nibh turpis eget purus. Donec ut lorem id mi scelerisque bibendum vitae et est. Nulla sed tellus facilisis, rhoncus neque id, pulvinar leo. Suspendisse imperdiet ipsum libero, id elementum velit sodales sed. Quisque vel tortor tellus. Aenean egestas non mi at vulputate. Nulla eget tempus augue. Nulla massa ante, blandit vitae quam sed, molestie feugiat nisl.

Aenean consectetur nunc at sapien accumsan, vitae condimentum neque mattis. Proin eget ultrices nunc. Proin auctor volutpat lacus. Donec blandit nulla at ornare tempor. Aenean dictum, dolor sit amet malesuada tristique, sem tortor iaculis nulla, sed mattis justo ipsum at massa. Morbi eleifend, erat a eleifend hendrerit, nibh ipsum mattis magna, sit amet maximus leo magna ac orci. Nullam ultrices, metus ut sollicitudin volutpat, leo metus accumsan dui, sed vestibulum ex est ac erat. Sed placerat finibus quam lobortis eleifend. Aenean facilisis nisl sed fermentum venenatis. Nam accumsan fringilla urna, ac pellentesque mi pellentesque eu. Sed commodo mi sapien, ac hendrerit sem facilisis nec.

Vivamus et efficitur leo, eu viverra ligula. Sed imperdiet sed eros quis rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus vel nunc euismod, pellentesque orci ut, molestie massa. Phasellus magna massa, lacinia sed tortor vitae, aliquet lacinia est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse ornare erat condimentum, euismod nisi eget, facilisis nisl. Vivamus a turpis lobortis, bibendum orci at, euismod est. Maecenas est leo, congue et ornare at, feugiat at ex. Aliquam ligula dui, scelerisque quis risus ac, malesuada lacinia lorem.

Aliquam eget velit pharetra, viverra metus a, convallis tellus. Praesent ullamcorper fringilla purus, vel sollicitudin ex interdum in. Nullam vitae tincidunt neque. Pellentesque felis dui, consectetur id sagittis vel, dapibus a lacus. Praesent vehicula nisi aliquet diam maximus blandit. Fusce at metus nec sem consectetur eleifend nec ac odio. Suspendisse fringilla, diam venenatis pulvinar posuere, nisi arcu iaculis nisi, eget molestie augue diam vitae arcu. Sed ultrices lacinia risus in congue.

Aliquam hendrerit eleifend neque, a iaculis lacus. Ut id luctus massa. Donec sodales placerat interdum. Nulla dolor libero, lacinia vel ornare at, faucibus vel ipsum. In eu finibus dui. Cras nisi tortor, pharetra nec mollis a, sagittis in ante. Donec fringilla convallis nunc, vitae euismod lacus accumsan id. Etiam vehicula lectus eleifend tincidunt pellentesque. Duis accumsan nunc urna.

Nunc sed nulla sed nunc facilisis tincidunt nec vel nisl. Morbi pellentesque malesuada tellus, sit amet porta urna hendrerit at. Suspendisse sed egestas metus, non efficitur tortor. Pellentesque iaculis, magna ut malesuada sagittis, est eros dignissim felis, ornare facilisis metus nisl sit amet orci. Vestibulum sit amet eleifend nisi, ultricies aliquam libero. Praesent semper mi ultrices congue ullamcorper. Fusce a sem felis. Phasellus nisi odio, pharetra ut metus nec, porta semper massa. Etiam at nunc sed arcu varius posuere a at lorem. Etiam sem nisl, cursus non lacus id, lacinia tempor tortor.

Nam est eros, facilisis sit amet orci ultricies, commodo pellentesque nisl. Donec nec metus dignissim, rhoncus erat vitae, gravida libero. Nunc hendrerit sit amet nibh quis feugiat. Phasellus et finibus massa. Sed congue nibh augue, sit amet cursus velit varius vitae. Donec consequat metus aliquam nibh feugiat consectetur. Cras vel volutpat ex. Quisque lobortis dui orci, a pharetra justo malesuada sit amet. Suspendisse potenti. Nulla facilisi. Curabitur hendrerit tellus tortor, quis facilisis urna fringilla at.

Duis magna ante, pulvinar ac sagittis in, mollis at enim. Integer rhoncus vestibulum leo, in mollis leo laoreet id. Nullam blandit lectus vitae vehicula suscipit. Ut vel posuere ligula. Nullam a tempus sem. Nullam mollis sit amet leo bibendum euismod. Cras faucibus metus sit amet euismod pellentesque. Pellentesque sed eleifend sapien. Vivamus congue lorem eget erat posuere convallis. Curabitur a congue nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam vel pretium magna, venenatis luctus lacus. Aenean ac accumsan augue. Ut consequat lacus vel lectus scelerisque, ut facilisis orci sagittis.

Fusce in auctor massa. Cras a quam eget libero posuere aliquam sed et sapien. Fusce scelerisque laoreet eleifend. Phasellus eget nisi tortor. Cras dignissim eget leo ut pretium. Sed eleifend, massa suscipit interdum bibendum, arcu nibh gravida erat, nec gravida orci est sed orci. Praesent in luctus turpis, in pellentesque tellus. Cras condimentum porta magna, eget sagittis neque. Proin sit amet neque et lectus semper pellentesque quis vel felis.

Vestibulum id odio quis enim eleifend vulputate eget eu orci. Nullam porttitor purus vitae quam ornare, ac finibus nisl laoreet. Suspendisse laoreet porta scelerisque. Quisque at lorem lacus. Suspendisse potenti. Donec volutpat id eros in sodales. In sit amet pulvinar ante. In ornare libero nec orci fermentum malesuada. Vivamus interdum luctus est eget malesuada. Suspendisse potenti.

Nam ut nisl scelerisque tellus rutrum tempor. Duis tristique ullamcorper purus, rutrum varius elit. Mauris pretium malesuada dui, quis tincidunt erat ornare id. Suspendisse fermentum, orci nec feugiat efficitur, ex ipsum mattis tellus, ut egestas risus metus ac risus. Donec vitae tincidunt magna. In nec feugiat nibh. Morbi rutrum sed enim nec aliquam. Praesent enim urna, elementum quis ante tristique, efficitur fringilla velit. Aenean sodales sem a purus blandit lobortis. Phasellus vel purus tellus. Phasellus vel lorem vel purus fermentum vehicula. Mauris ac lectus ullamcorper diam rutrum mollis tempus non ante.

Vestibulum sagittis porta sapien, non posuere lorem vehicula eu. Maecenas viverra placerat leo, quis fermentum purus. Sed pellentesque, nunc quis maximus suscipit, tellus metus elementum elit, nec volutpat dui nisi nec est. Pellentesque id nisl metus. Nulla at suscipit leo, et dictum purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin maximus, eros nec varius porttitor, ex odio luctus diam, eget viverra ipsum odio at ipsum.

Maecenas sollicitudin egestas nibh, vel dictum mi fringilla quis. Praesent euismod eget neque eu finibus. Vestibulum sit amet malesuada urna. Suspendisse et dapibus justo. Sed molestie mi eu ante tincidunt porttitor. Morbi tincidunt orci sed purus pharetra, nec mattis purus convallis. Suspendisse porttitor porta volutpat. In bibendum nisl sed sem mollis rhoncus. Mauris varius lobortis nulla non dapibus. Sed lacinia enim quam, a condimentum tellus fermentum sed. Etiam quis hendrerit metus. Nam sit amet varius arcu.

Suspendisse dolor magna, lacinia in mauris eget, consectetur aliquet lacus. Donec eget felis eget erat sollicitudin dapibus. Vivamus tincidunt feugiat leo, in sagittis lorem tempor vitae. Quisque molestie, nunc vel molestie pharetra, diam velit dignissim mauris, eget bibendum posuere.

Вместо прозрачности, используйте цвет фона области — это будет выглядеть так, будто индикатор прозрачный, но содержимое области пропадает.

Не применяйте в качестве текстуры изображения с контрастными объектами (как раз как в примере выше): слишком активное движение отвлекает пользователя, и он может потерять место, куда смотрел.

Атрибут scrollImg позволяет указать изображение, которое будет использоваться для всех сторон области по умлочанию. Кроме того, можно выбрать другое изображение для определённой стороны. Для этого используются атрибуты scrollImgNorth, scrollImgSouth, scrollImgEast и scrollImgWest:

<div class=intence
     scrollImg=texture.png
     scrollImgNorth=north.png>
    Тут длинный текст...
</div>

— сверху будет индикатор из north.png, а на остальных сторонах — из tetxure.png

В примерах выше упомянут максимальный режим, который нужно активировать если область прокрутки бесконечна, или если содержимое добавляется динамически, и не известно, сколько ещё будет добавлено. Этот режим включается атрибутами scrollInfiniteNorth, scrollInfiniteSouth, scrollInfiniteWest и scrollInfiniteEast (без указания значения), например:

<div id=myElem
     class=intence
     scrollImg=texture.png
     scrollInfiniteSouth>
    Big text goes here...
</div>

— нижняя сторона в максимальном режиме, вне зависимости от того, сколько содержимого за её пределами

Когда последняя часть содержимого добавлена, этот атрибут нужно отключить программно:

var elem = document.getElementById('myElem');
elem.removeAttribute('scrollInfiniteSouth');

Индикатор плавно уменьшится до размера, отражающего реальное состояние прокрутки (это произойдёт не сразу, а во время следующего акта прокрутки). Кстати, добавляйте последний блок содержимого либо заблаговременно, либо сделайте его достаточно большим (чтобы размер индикатора от максимального к актуальному состоянию не изменялся слишком резко).

Если интэнс не поддерживается браузером, он не будет запущен. Это можно определить, проверив флаг intence.enabled — если там true, значит интэнс работает.

Когда индикатор создаётся для области, её внутренняя структура полностью перестраивается (чтобы скрыть полосу прокрутки и создать индикаторы). Исходный элемент больше не осуществляет прокрутку, так что если нужно программно узнать или изменить состояние прокрутки, элемент который на самом деле проркучивается под индикатором можно найти в свойстве .scroller исходного элемента:

// так работать не будет
// document.getElementById('myElem').scrollTop;

// надо делать так
document.getElementById('myElem').scroller.scrollTop;

Свойство .scroller доступно даже в случае, если интэнс не запустился (тогда оно просто указывает на сам элемент), так что для этого не нужно дополнительно проверять флаг intence.enabled.

Наконец, если вы добавляете (или удаляете) класс intence к элементу в процессе работы приложения (или после загрузки страницы), сообщите интэнсу, что нужно создать или удалить индикаторы для поменявшихся элементов:

intence.reset();

Как уже сказано выше, интэнс разделяет задачи обозначения прокрутки, и управления прокруткой. Точнее говоря, интэнс — это только индикатор, он не предоставляет никаких элементов управления. Вместо этого предполагается, что разработчики будут решать этот вопрос для конкретных приложений.

Подумайте над тем, какой вид навигации может пригодиться пользователю. В некоторых случаях может быть достаточно обычной прокрутки с помощью колёсика мыши, или сенсорного экрана планшета. Но скорее всего пользователю пригодится что-то ещё — например, листалка страниц или уменьшенное превью всего содержимого с точным обозначением расположеня, как в Sublime Text.

Вот некоторые идеи. Добавьте возможно прокручивать протаскивая содержимое мышью, как работают большинство примеров на этой странице (это можно сделать с помощью библиотеки dragscroll). Добавьте интерактивное меню, отражающее текущее местоположение области просмотра относительно разделов — для этого есть библиотека viewport.js (меню справа на этой странице построено с её помощью). Используйте natural scroll, для программного перемещения между разделами.

Если вы собираетесь написать библиотеку, добавляющую дополнительные элементы управления прокруткой, для совместного использования с интэнсом, не перекрывайте такими элементами область прокрутки или индикатор. Он сейчас прозрачен к событиям мыши и должен оставаться таким (иначе пользователи будут думать, что они относятся к индикатору, и не поймут, почему это работает не везде). Размещайте активные элементы управления снаружи области прокрутки, а не внутри неё. И не пересоздавайте заново полосу прокрутки.

релиз группы уотэрфейс
конец марта 2015, Мюнхен