Mobile versionWie followTo legt die maximale Grenze des festen Bildes fest , ist da followFrom, wodurch das feste Bild von einem Startpixel zum Limit verschoben wird?
Code: Select all
var windw = this;
$.fn.followTo = function ( pos ) {
var $this = this,
$window = $(windw);
$window.scroll(function(e){
console.log($window.scrollTop());
if ($window.scrollTop() > pos) {
$this.css({
position: 'absolute',
top: pos
});
}
else
{
$this.css
({
position: 'fixed',
top: 100,
width:260.25,
bottom: 5 0 < b r / > } ) ; < b r / > } < b r / > } ) ; < b r / > } ; < b r / > $ ( ' # b o t t l e ' ) . f o l l o w T o ( 2 5 5 0 ) ; < / c o d e > < b r / > < p r e c l a s s = " s n i p p e t - c o d e - c s s l a n g - c s s P r e t t y p r i n t - o v e r r i d e " > < c o d e > . d i v { < b r / > w i d t h : 1 0 0 % ; < b r / > h e i g h t : 4 0 0 0 p x ; < b r / > b a c k g r o u n d - c o l o r : g r e y ; < b r / > } < b r / > # b o t t l e < b r / > { < b r / > } < / c o d e > < b r / > < p r e c l a s s = " s n i p p e t - c o d e - h t m l l a n g - h t m l P r e t t y p r i n t - o v e r r i d e " > < c o d e > & l t ; s c r i p t s r c = " h t t p s : / / c d n j s . c l o u d f l a r e . c o m / a j a x / l i b s / j q u e r y / 3 . 3 . 1 / j q u e r y . m i n . j s " & g t ; & l t ; / s c r i p t & g t ; < b r / > & l t ; d i v c l a s s = " d i v " & g t ; < b r / > & l t ; i m g i d = " b o t t l e " s r c = " d a t a : i m a g e / j p e g ; b a s e 6 4 , / 9 j / 4 A A Q S k Z J R g A B A Q A A A Q A B A A D / 2 w C E A A k G B x A T E B U S E x I S E h U V E B U S E h U Y F x g V E h Y V F x E W F x U S F h U Y H S g g G B o l H R U V I T E h J S k r L i 4 u F x 8 z O D M t N y g t L i s B C g o K D g 0 O G x A Q G y 4 g H S U r L S 0 3 L S s t K y 0 w L S 0 t L S 0 t L S 0 r L S 0 t L S 0 t L S 0 t L S 0 r K y 0 t K y 0 t L y 0 t K y 0 t L S 0 t L T U r L f / A A B E I A T 4 A n w M B I g A C E Q E D E Q H / x A A c A A A C A w E B A Q E A A A A A A A A A A A A A A w I F B g Q H A Q j / x A B M E A A B A w E C C Q U M C A M G B w A A A A A B A A I D E Q Q F B h I h M U F R Y X G x E y I z g Z E j M k J S c n O C o b L B 0 f A H F G J 0 k r P S 4 R W j t C U 1 U 2 O i w h Y 0 Q 4 O T 4 v H / x A A a A Q A C A w E B A A A A A A A A A A A A A A A A A w I E B Q E G / 8 Q A L B E A A g E D B A E C B Q Q D A A A A A A A A A A E C A x E x B B I h Q V E T I h Q y Y X H w Q o G h s T N S 8 f / a A A w D A Q A C E Q M R A D 8 A 9 x Q h C A B C E I A E I Q g A Q u G 8 b 4 s 0 F B N P F E T m D n A O O 5 u c 9 S q p M O L v G a U u 3 R v 4 l u V M j R q S 5 j F v 9 i L k l l m j Q s j L 9 I t h b / j O 3 M + J C 5 X / A E o W E f 8 A T t H 4 W f r T l o q 7 / Q y P q w 8 m 4 Q s G f p U s P + F a f w s 9 7 1 8 Z 9 K 9 g J y x W p u 0 s j 9 0 h X f g d R / o z n r Q 8 m 9 Q s X H 9 K F 1 + F J K z f F I f Y B V p Y M N 7 s m I D L Z B U 5 G t e 7 k 3 E 6 g 2 S h r s S Z U K k P m i 1 + x N T i 8 M 0 C E I S i Q I Q h A A h C E A C E I Q A I Q h A A h C E A e I Y b W e t 5 2 l 3 + Y z r 7 h G q Z z a a T 1 G m j a C t F h q P 7 Q t H n G / l M W f k + H A r 1 m n / x R + y / o z p / M / u c k v l O 7 A d G 8 L k k B 8 Y 6 f B G g e U u q b 4 8 A u W T P + L 2 V a i v q J Z D F + 0 c / i j 9 S + P A 0 Y 2 a u U j 4 K X x H B f P 0 n i V K 3 1 O X E u j N D X 3 6 q r j n F W 5 h o z D W D 8 F 3 z O y b y O B X D L 3 v U O D l R 1 P g d T P 0 p g L / d d h + 4 W b 8 h i v F R 4 C / 3 X Y f u F m / I Y r x e X n 8 z N I E I Q o g C E I Q A I Q h A A h C E A C E I Q B 4 z h q f 7 Q t H l t / J Y s / J 8 O B X t G F l 0 2 a S z z S S Q x u e 2 C Q t e W j l A Q w k U f n z 7 V 5 b Z L k j k B 5 0 j a E U y 1 G b a v R 6 P U q d J c Y s j K 1 N S N K p t f f J n Z v j w C 5 Z M / w C L 2 V s H 4 I t N O 7 S Z a + L q H 2 S q + 8 c F s Q V E r j n z 0 0 + i r 0 K 8 X w i v K v B K 7 M 7 8 R w U H P A H o n i V o r o w W 5 Z 1 H S u b Q V y U 0 D a F 0 z Y D R t A 7 t L m 1 N + C 7 P U R T 2 9 n I 1 4 S j u T 4 M Y 9 9 T 1 j g V z z O G L 1 D g 5 P v 8 A s / I y u Y 1 z i B T K c / e 7 N 6 9 p + j r B C 7 n X f Z r Q + y w y S v h a 9 7 n j l O f r A f U N 6 g K L P 1 l X 0 4 7 n 2 X t O t / K N L g L / A H X Y f u F m / I Y r x f A K Z A v q 8 8 3 d 3 N A E I Q u A C E I Q A I Q h A A h C E A C E J d o n Y x p e 9 w a 1 o J c 4 m g A G c k o A z n 0 j X C + 2 W F 0 T J R G W u E 3 O J E b 8 Q E 4 j y K k D K H V p k L W l e Z X E 2 W J m L I 9 8 b 6 m u M 3 H Z Q Z u e M n + p b O 8 8 O r N M X R U e 2 O t M Y g 8 + h y G g y g b D 1 6 h z W b 6 p I Q G S i p z D G F e w 5 V r a a c 6 V P b J c Z M z U 7 a s u L M p v 4 2 4 O L a x P x d I d S t Q D m y r p a 2 S 0 t I H J s o K 5 y V q 4 r o Y R n a 7 e 0 F f D c T f B E Y 3 N A 4 J / x d N Y V m U n o q j z y v B i b P L J Z n E n k 3 5 C M 5 H u S p 7 1 d I y r p o o R U i m M C c n 4 S t l / w 0 K 1 P J n 0 K r r / A I S w C n N b T U 0 B S l r a e b X f k 5 S 0 M 4 8 P H j 8 Z 4 T f 9 h c 6 S k P K T Y w B L m s L W Y 1 T X n H J m p p 0 r 2 f 6 G 8 H Z b J Y S Z H t J n k 5 Y M a a t j 5 o b Q n N j 8 3 L T U B l o u O / b B Z w 2 r p g 1 2 i p F O z S q S 4 c O P q T 8 R 1 Z Y S 7 n A Z x r e y u S u w 5 9 i V q K k t R T 2 x / w C l + h L 0 5 W a 4 P Z E L m u 2 3 x T x N l h e J G P F W u H r B G c E Z i D l B X S s Z q 3 D N I E I Q u A C E I Q A I Q h A A h C + O c A K n I B l J 0 I A + S S B o L i a A C p K y F + X g J + Z T u d c x 0 0 0 l f L 8 v g y u x G G j A e 0 6 z 8 / t X M V y l S 2 + 5 5 K V a t u 9 q w I F z Q H w G d b W n 3 K x s F y t b z g 2 M b m h p 9 Q X R Y L O X F W 7 Y S N C n O q 1 x c X C m n y c f 1 d 2 p K k s 8 m g H t H x V n i n U g J a q M Y 6 a Z V s s 8 m k H t / d M l s 7 j o V g 5 f Y q a k O o 8 h 6 S X B Q z 3 X j d 9 i H e M b i q W 8 s F o K E 4 j T r A a G 8 F u n N F K K t t E d D R d V a R F 0 0 j D X J b Z b t k L o w X 2 d z u 6 M 0 6 s b Y 7 b p p Q 6 K e r 3 d b o 5 4 2 y x O D m u F Q e I I 0 E a l g b 0 s d O c B k O c K u u S 8 3 2 G X H Z V 0 D j 3 a I a P 8 x m 0 c M m o j t S H q K / f 9 k 6 d X Y 7 P B 6 w h K s t o Z I x s j H B z X A O a 4 Z i C m q k X A Q h C A B C E I A F l M K r 5 y 8 i w + W d v i 9 W n b u K t s I 7 1 F n h J B 5 7 u a z f T K 7 q H r p r X n b H l x q d K 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">
P.S. – Neu bei JS/Jquery
Code kopiert von - Scrollen mit fester Position an einem bestimmten Punkt stoppen?
Vielen Dank
