Tag: parallax

Ein Effekt, der bewirkt, dass die position oder die Richtung eines Objekts angezeigt werden, zu ändern, wenn man von unterschiedlichen Positionen, z.B., durch den Sucher und das Objektiv einer Kamera

Stellar.js background-attachment legen Sie fest aber verrückt jitter noch passiert

Anzahl der Antworten 4 Antworten
Wie der Titel schon sagt, ich bin mit Stellar.js. Ich habe nur eine parallax-element, und es ist sehr einfach. Es ist ein Abschnitt mit einem hintergrund Bild. Das Bild im hintergrund legen Sie fest (wie die Dokumentation

Zeichnen Sie eine gekrümmte Linie auf einer Webseite als Nutzer scrollt

Anzahl der Antworten 1 Antworten
Ich Frage mich, ob es möglich ist, dynamisch zeichnen Sie eine gekrümmte Linie auf einer website wie der Benutzer scrollt. Ich bin mir ziemlich sicher, dass es getan werden könnte, mithilfe von HTML5-Canvas-Element mit der bezierCurveTo ()

Wie zu verwenden stellar.js ( jquery-plugin für scrolling )?

Anzahl der Antworten 1 Antworten
ich habe drei div in den body: <body> <div id="wrap"> <div id="a"></div> <div id="b"></div> <div id="c"></div> </div> </body> Allem möchte ich wissen, ist, dass die "#b" scrollt schneller als die beiden anderen. Das ist es. Also ich

jQuery-parallax-tutorial?

Anzahl der Antworten 6 Antworten
Ich ein jquery-parallax-Effekt in eine Webseite Baue ich für einen Kunden, ich bin vor allem ein back-end Entwickler-so Lerne ich mehr über das front-end, jquery etc. Ich stieß auf Beispiele wie http://www.nikebetterworld.com/ und tutorials, aber ich bin

Android-Parallax-Effekt-und Sicht-Pager

Anzahl der Antworten 5 Antworten
Ich versuche zu erreichen, eine parallax-Effekt in meiner Anwendung. Ich habe eine FragmentActivity implementiert, dass das OnPageChangeListener - Schnittstelle und hört meine ViewPager - scrolling-events. Um diesen Effekt zu erreichen in meiner XML habe ich ein LinearLayout

Dementsprechend animieren Elemente der Seite auch beim scrollen mit JavaScript [EDIT: Parallax Scrolling]

Anzahl der Antworten 1 Antworten
Ich bin sicher, dies wurde in der Vergangenheit; aber ich bin an einem Verlust für ein Begriff. Auf dieser web-Seite für square, der Benutzer blättert durch den Abschnitt mit dem Titel "Im Quadrat, verschiedene Disziplinen zusammenarbeiten, um

Paralax-Effekt in app-hintergrund

Anzahl der Antworten 7 Antworten
Im neu in der Android Welt. Ich möchte einige parallax-hintergrund-Effekte in meinem app. Wie kann ich es tun? Wie Sie dabei Vorgehen, um diese in Android? Gibt es eine produktive Art und Weise zu erstellen 2-3 Schicht,

HTML5 / Javascript Parallax-Effekt auf einzelne Elemente / div-tags?

Anzahl der Antworten 5 Antworten
Ich erstellt habe, ein paar Seiten in der Vergangenheit mit der scrolldeck.js dass die standard-Vollbild-hintergrund mit einer Schicht ontop und text (der standard scrollen parallax-Stil) dies ist nicht das, was ich Suche. Ich Suche ein script oder

Schreckliches lag in Chrome bei der Verwendung von parallax-Effekt

Anzahl der Antworten 1 Antworten
erste von allen, hier ist ein link zu meiner website, mit der Frage, die ich bin zu beschreiben: http://themes.roussounelosweb.gr/cassiopeia/ In Firefox, IE 9, Opera, Safari, iOS-die website sieht perfekt aus und läuft flüssig. Liegt das problem mit

Glätten Sie die parallax-scrolling-ein hintergrund Bild

Anzahl der Antworten 6 Antworten
Ich habe getan ein wenig Forschung und geschrieben, eine einfache wenig von jQuery, das scrollt der hintergrund in einem etwas anderen Tempo in den Vordergrund, wodurch eine Parallaxe-Effekt beim scrollen nach unten eine website. Leider ist es

Mousemove-parallax-Effekt bewegt sich die position des div

Anzahl der Antworten 1 Antworten
Ich versuche, erstellen einen leichten parallax-Effekt (ich bin mir nicht sicher, ob es wirklich ausmacht, Parallaxe, aber es ist eine ähnliche Idee). Wo gibt es vier Schichten, die alle bewegen, auf eine etwas andere rate, wenn die

Video als hintergrund parallax CSS

Anzahl der Antworten 3 Antworten
Ich bin mehr backend-Mann als frontend, also, wenn Sie denken, dass meine Frage als dummy, sorry dafür, aber ich konnte nicht finden die Antwort 🙂 Mein Ziel ist es, hintergrund-video mit parallax-Effekt mit CSS. Im Allgemeinen gelang

Parallax-Effekt mit UIScrollView Untersichten

Anzahl der Antworten 2 Antworten
Ich versuche zu schaffen, einen Parallax-Effekt auf ein UIView innerhalb eines UIScrollView. Die Wirkung scheint zu funktionieren, aber nicht so gut. Zuerst füge ich zwei UIView sub-views zu einem UIScrollView und legen Sie die UIScrollViews contentSize. Die

CSS3 slider - Absolute Positionierung innerhalb relativ div für responsive slideshow

Anzahl der Antworten 2 Antworten
Ich bin ändern einige CSS-code, habe ich von http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/. Es ist ein parallax CSS3 Schieberegler. Habe ich versucht, fast alles und mein Problem ist, dass ich nicht Mitte der Schiebe-div (da.Folie) mit einer festen max-Breite im browser.

Hintergrund video mit parallax-Effekt

Anzahl der Antworten 3 Antworten
Gibt es eine Möglichkeit, um ein hintergrund-video in ein div-container mit einem parallax-Effekt? Was ich Suche ist etwas ähnlich wie diese Vorlage: Klicken Sie hier, um zu sehen, Beispiel Habe ich versucht, ein paar populäre plugins, die

Horizontal parallax scrolling

Anzahl der Antworten 1 Antworten
Ich Frage mich, ob jemand könnte mir helfen, eine horizontale version der Webseite, die Sie in diesem tutorial, in dem die Webseite gescrollt wird horizontal zu jedem Abschnitt: http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/ Ist es möglich, Bearbeiten Sie den vorhandenen code

Feste hintergrund Bilder verschwinden auf dem iPhone/ iPad

Anzahl der Antworten 7 Antworten
Habe ich Probleme mit background-image. Meine website sah gut aus auf Android-Geräten, dann fand ich heraus, dass iPhones und iPads nicht wie background-size: cover. Ich behoben, indem background-size: 100%. Auf dem iPhone Simulatoren auf dem web, die

Set parallax scrolling div mit der Deckkraft

Anzahl der Antworten 2 Antworten
https://jsfiddle.net/James2038/1x9a2gxq/1/ Wie im jsfiddle im Versuch, stellen Sie "Deckkraft" in den div scrollen, so dass die Wolken unterhalb erscheinen etwas. Habe versucht, viele Möglichkeiten (rgba, Deckkraft, img - alles mit css.) body, html { height: 100%; }

fullPage.js parallax scrolling durch Folien

Anzahl der Antworten 1 Antworten
Gibt es eine Möglichkeit, die ich erreichen will "parallax" - Effekt beim scrollen. Im mit diese Oder vielleicht irgendein anderes Skript, um die volle Seite zu scrollen (mit navigation) und Parallaxe-Effekt. Vielen Dank im Voraus. BEARBEITEN: Was

Blättern Sie Seite, die Parallaxe, wenn ich auf navigation im Menü (Parallax-Scrolling)

Anzahl der Antworten 1 Antworten
Sorry, Wenn mein Ton ist nicht gut, Ich bin mit diesem code in einer web-Seite. HTML: <a class="second" href="#nav1">Home</a> <a class="second" href="#nav2">About</a> <a class="second" href="#nav3">Contact</a> <section id="nav1" data-speed="4" data-type="background"> <article>Big Tech Ideas Page3</article> </section> <section id="nav2" data-speed="4"

Parallax mit Bootstrap

Anzahl der Antworten 1 Antworten
Ich bin mit Bootstrap 3.1 auf einer website für einen Kunden, der will, parallax scrolling, aber ich habe ein Problem mit der Codierung hinter dem parallax scrolling, weil ich einfach nicht herausfinden, warum meine Programmierung funktioniert. Habe

Animiertes gif wird nicht richtig funktionieren in Chrome

Anzahl der Antworten 2 Antworten
Scheint es ein problem mit dem Erhalt einer gif-arbeiten in Chrome. Es funktioniert gut in FireFox und in Opera, aber in Chrom scheint es nur zu funktionieren, wenn ich halten, scrollen Sie ein bisschen herum. Es könnte

Parallax Scrolling

Anzahl der Antworten 4 Antworten
Kann jemand mich in die richtige Richtung? Ich habe einen DIV mit einem Hintergrundbild, das ist behoben, aber ich möchte es scrollen langsamer beim scrollen der Seite nach unten. Ich bin nicht gut mit jQuery oder CSS3-so

Wie zu verwenden parallax-scrolling, scheinbar "festen" Bildern?

Anzahl der Antworten 1 Antworten
Arbeite ich mit parallax-scrolling und habe momentan ein setup, so dass mein hintergrund Bilder scrollen bei 50% des normalen Inhalt die Scroll-Geschwindigkeit. Siehe hier: www.jurbs.com. (Inhalte optimiert, Chrome und Opera) Ideal, was ich möchte, ist, dass es

Wie hinzufügen von Reinen CSS-Parallax Scrolling

Anzahl der Antworten 4 Antworten
Ich möchte hinzufügen, einige Reine CSS-parallax-scrolling-Funktionalität auf meiner website, aber ich habe alles versucht, scheint nicht zu funktionieren. Ich habe gesucht, hier für Antworten, auch, aber nichts beantwortet meine Frage. Weiß jemand, wie ich diesen code: http://wolfleader116.github.io/

Halten übergroßen Hintergrundbild zentriert

Anzahl der Antworten 3 Antworten
Baue ich eine einzelne Seite Website aufgebaut der 4 divs, eins über dem anderen und jeder mit seinen eigenen festen hintergrund Bild. Die Bilder sind viel breiter als der Bildschirm, wie ich will-site zu halten, seinen Blick

Implementierung von infinite scrolling hintergrund mit forefront Bild in android

Anzahl der Antworten 2 Antworten
Ich versuche dazu eine unendliche scrollen hintergrund mit einem Standbild, in den Vordergrund, ähnlich wie auch ein parallax-Effekt. Dieser Effekt wird in der nur einmal verwendet, bevor der Benutzer eine Taste drückt um die app zu starten.

Parallaxe und Pin Zusammenbruch Modi funktioniert nicht in der Kollabierenden Symbolleiste Layout

Anzahl der Antworten 2 Antworten
Dies ist mein code von meinem test-Projekt:- Haupttätigkeit package com.invento.defcomm.collapsingtoolbarlayout; import android.support.design.widget.CollapsingToolbarLayout; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.Toolbar; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends AppCompatActivity { private Toolbar toolbar; private CollapsingToolbarLayout collapsingToolbarLayout; public static final

Scrollen ein div über anderen div

Anzahl der Antworten 3 Antworten
Ich möchte meine divs scrollen über einander, ohne dass Sie scrollen nach oben aus dem Bildschirm. Ich schaffte es mit zwei divs, aber es nicht Schaffe das gleiche mit der Dritten. Habe ich ein Beispiel auf jsFiddle:

Horizontale Parallax-Scrolling-von vorne - Keine-Plugin (jQuery)

Anzahl der Antworten 3 Antworten
Weiß wer waren finde ich ein tutorial, wie zu tun horizontalen scrolling per js Formular Kratzer (D. H. keine plug-in)? Oder kann mir ein Beispiel Habe ich damit verbracht, eine Menge Zeit zu Googeln, konnte aber nur

Web-Parallax-Scrolling Hintergrund Bild und Text

Anzahl der Antworten 3 Antworten
Geige des Problems: http://jsfiddle.net/Vy365/3/ Ich versuche zu schaffen, Abschnitte auf einer Seite, die ein parallax-scrolling-Effekt. Die Haupt-CSS, das ich verwende um dies zu erreichen ist background-attachment: fixed für das hintergrund Bild, und position: fixed für den text

Wie sich zu bewegen/animieren der Elemente von der Seite mit Stellar.js auf eine vertikale scrollen?

Anzahl der Antworten 2 Antworten
Ich bin mit Stellar.js jQuery-plugin zur Erstellung eines parallax-scroll beeinflussen, aber ich bin mir nicht sicher, ob Stellar unterstützt, was ich versuche zu erreichen. Ich habe die basic parallax scrolling beeinflussen ordnungsgemäß funktioniert (weitgehend basierend auf dieses

jquery menu bar floating top

Anzahl der Antworten 2 Antworten
Ich versuche, um eine Menü-bar-Schwimmer ständig an der Spitze des Browsers, so dass, wenn Sie nach unten scrollen die Seite, die Menüleiste bleibt an der Spitze. Wie könnte ich Sie gehen über das tun dies? Grüße, InformationsquelleAutor

Parallax funktioniert nicht materialisieren in css

Anzahl der Antworten 9 Antworten
Ich bin mit dem Materialisieren-Framework für die Erstellung einer PhoneGap-app. http://materializecss.com Haben Sie eine Parallaxe-Einstellung, die können Sie sehen, Ihre Schreibweise hier: http://materializecss.com/parallax.html Wenn ich es laufen lasse, wird mein Bild nicht zeigen, bis überhaupt. Meine html

Skrollr - Wie halt die div-stop scrollen beim erreichen des oberen ot-Fenster

Anzahl der Antworten 2 Antworten
Ich versuche, meine website mit Skrollr (javascript-Bibliothek): http://prinzhorn.github.io/skrollr/ Den scrollr funktioniert gut, aber ich bin nicht in der Lage, um herauszufinden, eine Sache. Wie verhindere ich, dass ein div-scrollen weiter Weg von der Oberseite des Bildschirms. Sobald

Wie kann ich animieren, obwohl eine PNG-Sequenz mit Hilfe von jQuery (entweder durch scrollen oder ausgelöst animation)

Anzahl der Antworten 2 Antworten
Mehr und mehr bin ich zu sehen, einen Effekt, wo pngs geladen sind, in eine Reihe von DIVs (oder ein div) und dann sequenziert obwohl frame-by-frame, der entweder auf die Schaltfläche klicken oder basierend auf Blättern. Ich

Glatte vertikale Seite scrollen mit Mausrad und scroll-Balken

Anzahl der Antworten 2 Antworten
Bin ich rund um das Spiel und versuchen, zu bauen, eine parallax-website - ja, ich weiß, Sie sind eine lästige Modeerscheinung, aber ich würde trotzdem gerne zu einem gehen. So, für die inspiration, ich schaue mir die

Deaktivieren Skrollr für mobile Geräte ( <767px )

Anzahl der Antworten 6 Antworten
Erstens möchte Dank @prinzhorn für solch eine erstaunliche und leistungsfähige Bibliothek. Meine Frage: ich habe implementiert eine Skrollr Parallaxe hintergrund in den header meiner website, aber ich möchte um diese Funktion zu deaktivieren, wenn die Anzeige auf

Bewegen Sie die hintergrund-Bild, on mouse over (Single Parallax)

Anzahl der Antworten 3 Antworten
Möchte ich das Bild im hintergrund bewegen sich leicht auf der X-und Y-Achse, wenn die Maus in die "landing-content" DIV, Sie sollte sich mit der Bewegung der Maus. Sie sollte sich Umgekehrt. ZB. Maus nach unten bewegen,

Scrolling-parallax hintergrund, unendlich wiederholt, in libgdx

Anzahl der Antworten 4 Antworten
Mache ich ein 2D-sidescrolling-Weltraum-shooter-Spiel, wo ich brauche einen hintergrund, können gescrollt werden, infintely (hell gefliest) gewickelt oder mehrfach). Ich würde auch gerne umsetzen parallax scrolling, also vielleicht haben Sie eine der niedrigsten im hintergrund-Nebel-textur, die sich kaum

Warum ist skrollr verhindert das scrollen auf dem ipad?

Anzahl der Antworten 3 Antworten
Ich bin versucht, zu erstellen eine einfache parallax-animation mit skrollr: meine Website funktioniert gut in Chrome/Mac, aber ich bin zu sehen, ungewöhnliches Verhalten auf dem ipad.. Auf dem ipad (Test auf dem IOS-simulator), der Hauptteil der Seite

iOS Parallax-Scrolling-Effekt (wie in Yahoo News Digest app)

Anzahl der Antworten 4 Antworten
Ich würde gerne wissen, wie das umzusetzen, parallax-scrolling-ähnlich wie bei Yahoo News Digest app. In denen, wenn der Benutzer einen horizontalen Bildlauf Hintergrundbild scrollt in einer anderen Geschwindigkeit, mit der paging aktiviert ist. Werden können, Sie tun

Parallax-Effekt in Android ViewPager

Anzahl der Antworten 8 Antworten
Ich versuche zu emulieren eine Parallaxe-Effekt beim gleiten durch meine Fragmente, die ich gelesen habe über beginFakeDrag und fakeDragBy aber um ehrlich zu sein, weiß ich nicht, auch wenn es der beste Ansatz, um mein problem. Jemand

Wie erstelle ich einen parallax-Effekt in UITableView mit UIImageView in Ihre Prototyp-Zellen

Anzahl der Antworten 3 Antworten
Baue ich ein app in iOS 8.4 mit Swift. Ich habe eine UITableView mit einem benutzerdefinierten UITableViewCell enthält eine UILabel und UIImageView. Das ist alles ziemlich straight forward und alles macht gut. Ich versuche zu schaffen, einen

Javascript - Glatte parallax scrolling mit dem Mausrad

Anzahl der Antworten 5 Antworten
Ich habe eine Seite, wo ich das anwenden einer parallax-Effekt. Dies geschieht mit translate3d. Nun, das funktioniert zwar auch, ich Frage mich, wie kann ich den Standardwert überschreiben "Schritte" beim scrollen mit dem Mausrad? Wenn ich scrollen

Wie kann ich die Bildlaufposition beim Scrollen in Safari unter iOS überwachen?

Anzahl der Antworten 6 Antworten
Derzeit nutze ich $(window).bind('scroll', foo); zu überwachen $(window).scrollTop() und Sachen tun, zu erstellen, die ein parallax-Effekt. In allen desktop-Browsern foo() aufgerufen wird für jedes pixel der Benutzer scrollt, und alles ist schön und gut. In Safari auf

(CSS) Lassen Sie ein Hintergrundbild langsamer als alles andere rollen

Anzahl der Antworten 5 Antworten
hier ist mein CSS-code für den Körper: body { padding: 0; margin: 0; background-image: url("../images/background.jpg"); background-repeat: no-repeat; background-color: grey; background-size: 100%; } Was ich machen möchte, ist es so, dass das Bild scrollt langsamer als alles andere

Problem behoben, bei dem das Hintergrundbild des Anhangs in Verbindung mit einer css-Transformation in Chrom flackert / verschwindet

Anzahl der Antworten 16 Antworten
Ich bin derzeit dabei, eine parallax-website-Design. Die hintergrund-Bilder müssen befestigt werden, als zur Verrichtung 'div' und 'Abschnitt ist zu vermeiden, jquery schwelgen in alles. Das problem war der hintergrund-Bilder mit den tags unterhalb jedes animierte Element verschwand,

Parallax Scrollen nur mit CSS?

Anzahl der Antworten 5 Antworten
Ich habe an einem Projekt arbeiten und ich bin mit dem Inhalt geschieht. Für das design jedoch, ich denke, mit dem parallax-scrolling-Technik. Jedoch, alles, was ich in der Lage gewesen, zu erfahren, es wurde mit JavaScript oder

Smooth scrolling easing effect mit dem Mausrad

Anzahl der Antworten 5 Antworten
Kurzem stieß ich auf dieser website http://www.ascensionlatorre.com/homeund ich Liebe die Art, wie das scrollen mit dem Mausrad funktioniert - die Beschleunigung ist sehr glatt. Habe ich die Suche von Google, aber ich kann nicht finden, etwas ähnliches.