javascript - jQuery: Need some help.. The callback function of .animate isn't working -


I have some kind of bounce effect in my animation plugin but it is not working. Callback is not called at all: 

  $ (function () {var offset = $ ("# first") offset (); var status = $ (window) .scrollTop ($ (window) ) .scroll (function () {var scroll = $ (window) .scrollTop (); if (scroll> position) {$ ("body") .animate ({scrollTop: offset.top + $ (("Scrolltop : Offset.top - 150}, 1000, "easyOutBounce"}}) "" "" ""}})})

OK .. this is my html code .. I do not know why your work is great .. but mine is not .. $ ('html') is not working but you're working fine .. 

  & Lt; html lang = "en" Xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "n"> gt; top & gt; & gt; title & gt; bounce test pad & lt; / title & gt; Gt; & lt; link rel = stylesheet href = "index.css" type = "text / css" /> gt; script type = "text / javascript" src = "jquery-1.3.2.js" Gt; & lt; / script & gt; & lt; script type = "text / javascript" src = "jquery.easing.1.3.js" & gt; & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Img id = "lightbulb" src = "img / veioza.png" & gt; & Lt; Div id = "wrapper" & gt; & Lt; Img id = "first" class = "picture" src = "img / nike.jpg" /> & Lt; Img id = "second" class = "picture" src = "img / golden.jpg" /> & Lt; Img id = "third" square = "picture" src = "img / a.jpg" /> & Lt; / Div & gt; & Lt; Script type = "text / javascript" & gt; $ (Window). Reset (function () {centerIt ();}); $ (Function () {centerIt ();}) function center this () {var viewportWidthSize = window.innerWidth; Var pixels = (ViewportWidths / 2) - $ ("#First"). Width () / 2; $ ("#include IMG"). CSS ("left", pixels); }; $ (Function () {var offset = $ ("# first") offset (); var prevpos = $ (window) .scrollTop (); var animating = false; $ (window) .scroll (function () {var Curpos = $ (Window) .scrollTop (); if (corp & gt; promos & amp; animating) {$ ('html'). Animate ({scrollTop: offset.top = $ ("# first"). }, 1000, "sleepinautquart")} animating = true;})}) & lt; / Script & gt; & Lt; / Body & gt; & Lt; / Html & gt;

About the animation that raises the Anchor scroll event is correct.

Here's a definite demo: (You can edit the demo here):

If the animation still occurs, then you have to add the code to prevent animating again: 

  var status = $ ('# condition'); Var offset = $ ("# downcontent") Offset (); Var height = $ ("# downantant"). Height (); Var animating = false; Var prevpos = $ (window) .scrollTop (); $ (Window) .scroll (function () {var curpos = $ (window) .scrollTop (); if (curpos & gt; prevpos & amp;; animating) {$ ('html'). Animate ({scrollTop: offset (+ ScrollTop: offset.top), 1000, "easeOutBounce", function () {animating = false; status.html} ('Animation ended.');) Html ('first animation ended. & Lt; br / & gt; second animation started & lt; br / & gt;');}) ;; Animating = true; Status.html ('first animation started & lt; br / & gt;');} prevpos = curpos;});

edit

Okay, I have created another demo with your HTML code. I have fixed javascript a bit and some CSS rules are added:


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more