javascript - jQuery: The 'body' element is activating the scroll event twice -


I have applied the animation for my photo blog. I still have a big problem because the 'body' element twice the animation is active Has been doing.

I think the problem arises from $ ('body'). Because I think that when the body is animating, the scroll event will be reactivated and thus the event will be triggered twice.

The problem of my code is scrolling up the page when I scroll the page upwards the scroll animated trigger will trigger and then the $ ('body') element will make itself animated after animation the animating variable is false. Is set on. But $ ('body') triggers the scroll event because I think when I set the scroll, the scroll event is triggered. So once again the current page is set to $ (window) .scrollTop () then returns currentPos> previousPos true and return returns right, so it will trigger scrolling inadvertently.

Now I want to fix this. how? 

  $ (function () {var record = 0; var imgHeight = $ ("Picture") height (); var offset = $ (".picture"). Eq (0) . Offset (); off offset = offset.top; var lastpost = $ (window) .scrollTop (); var animating = falls; var state = 0; $ (window) .scroll (function () {var currentPos = $ ( Window) .scrollTop (); console.log (currentPos); if (currentPos> previousPos & amp;! Animating) {record ++; scrollAnimate (record, imgHyight, offsetHyight); animating = true} else if (CurrentPos & LT; PreviousPos & amp; Animating) {record-- scrollAnimatePrev (record, imgHeight, offsetHeight); animating = true} previousPos = currentPos; console.log (previousPos)}) function scrollAnimate , ImgHeight, offsetHeight) {. $ ('Body') Chetan ({scrollTop: (parseInt (offsetHyight) * (record + 1)) + (parseInt (imgHyight) * record)}, 1000, "easeInOutQuart") .animate {ScrollTop: (parseInt * (record)) + (parseint (IMGHEEET) * (record)), 1000, "comfort outboice", function () {animating = falls; }}} Function scrollAnimatePrev (record, imgHeight, offsetHeight) {$ ('body') Chetan ({scrollTop: ((ParseInt (imgHyight) * record) + (parseInt (offsetHyight) * record) - offsetHeight}, 1000, "EaseInOutQuart") .animate ({scrollTop: (parseInt (imgHyight) * record) + (parseInt (offsetHyight) * record)}, 1000, "easeOutBounce", function () {animate = false;})}})

I think this callback can do twice. 

  $ ('# id, # id2'). ({Width: '200px'}, I had a similar problem.  
 100, function () {doSomethingOnceOnly ();})

This is my DoSomethingOnce () was calling twice, and I thought it would be in double selectors $ argument I made it just 2 different selectors and it worked fine. So this way 

  $ ('# id'). Animate ({width: '200px'}, 100); $ ('# Id2'). Animate ({width: '200px'}, 100, function () {doSomethingOnceOnly (););

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