Dfrnhjy

Do jazz musicians improvise on the parent scale in addition to the chord-scales?

How to react to hostile behavior from a senior developer?

Can a party unilaterally change candidates in preparation for a General election?

Would "destroying" Wurmcoil Engine prevent its tokens from being created?

What is the longest distance a player character can jump in one leap?

Significance of Cersei's obsession with elephants?

How could we fake a moon landing now?

Trademark violation for app?

Chinese Seal on silk painting - what does it mean?

Should I use a zero-interest credit card for a large one-time purchase?

Extracting terms with certain heads in a function

Is it common practice to audition new musicians one-on-one before rehearsing with the entire band?

Is this homebrew Lady of Pain warlock patron balanced?

What are the out-of-universe reasons for the references to Toby Maguire-era Spider-Man in ITSV

Using audio cues to encourage good posture

Amount of permutations on an NxNxN Rubik's Cube

Generate an RGB colour grid

An adverb for when you're not exaggerating

Is there such thing as an Availability Group failover trigger?

What's the meaning of "fortified infraction restraint"?

What do you call the main part of a joke?

What does できなさすぎる means?

Does classifying an integer as a discrete log require it be part of a multiplicative group?

How would a mousetrap for use in space work?

How to add on scroll animation in magento 2 using AOS (Animation On Scroll) Jquery?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

3

I have tried to add on scroll animation in my Magento 2 cms page. I used AOS Jquery for that.

I have added the js and CSS file and initialize AOS through cms page but It will shows

Uncaught TypeError: AOS.init is not a function

Does anyone have an idea how to use AOS in Magento2?

magento2 jquery cms-pages

share|improve this question

edited Jun 23 '18 at 20:44

Aaditya

4,27121139

asked Jun 23 '18 at 12:44

BharatBharat

386

This question has an open bounty worth +50
reputation from user1799722 ending ending at 2019-04-25 04:55:48Z">in 7 days.

This question has not received enough attention.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  did u got any solution
  
  – user1799722
  10 hours ago
  

  
  
  
  

add a comment | 

3

I have tried to add on scroll animation in my Magento 2 cms page. I used AOS Jquery for that.

I have added the js and CSS file and initialize AOS through cms page but It will shows

Uncaught TypeError: AOS.init is not a function

Does anyone have an idea how to use AOS in Magento2?

magento2 jquery cms-pages

share|improve this question

edited Jun 23 '18 at 20:44

Aaditya

4,27121139

asked Jun 23 '18 at 12:44

BharatBharat

386

This question has an open bounty worth +50
reputation from user1799722 ending ending at 2019-04-25 04:55:48Z">in 7 days.

This question has not received enough attention.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  did u got any solution
  
  – user1799722
  10 hours ago
  

  
  
  
  

add a comment | 

I have tried to add on scroll animation in my Magento 2 cms page. I used AOS Jquery for that.

I have added the js and CSS file and initialize AOS through cms page but It will shows

Uncaught TypeError: AOS.init is not a function

Does anyone have an idea how to use AOS in Magento2?

magento2 jquery cms-pages

share|improve this question

edited Jun 23 '18 at 20:44

Aaditya

4,27121139

asked Jun 23 '18 at 12:44

BharatBharat

386

share|improve this question

edited Jun 23 '18 at 20:44

Aaditya

4,27121139

asked Jun 23 '18 at 12:44

BharatBharat

386

share|improve this question

edited Jun 23 '18 at 20:44

Aaditya

4,27121139

asked Jun 23 '18 at 12:44

BharatBharat

386

edited Jun 23 '18 at 20:44

Aaditya

4,27121139

edited Jun 23 '18 at 20:44

Aaditya

4,27121139

asked Jun 23 '18 at 12:44

BharatBharat

386

asked Jun 23 '18 at 12:44

BharatBharat

386

1 Answer
1

active

oldest

votes

1

Just create requirejs-config.js file inside your theme template,

app/code/Vendor/Module/view/frontend/requirejs-config.js

code for js file,

var config = 
 paths: 
 'mgsaos': "js/aos.min"
 , 
 shim: 
 'aos': 
 deps: ['jquery']
 
 
;

Now you can use inside your template like this,

<script>
 require([ 'jquery', 'mgsaos' ], function ($,AOS) 
 AOS.init(
 duration: 1200,
 );
);
</script>

Now

Remove var folder from root
Remove pub/static folder contents.
Run deploy command,

php bin/magento setup:static-content:deploy

share|improve this answer

answered 19 mins ago

Vishwas BhatnagarVishwas Bhatnagar

2,94422146

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f231132%2fhow-to-add-on-scroll-animation-in-magento-2-using-aos-animation-on-scroll-jque%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

Just create requirejs-config.js file inside your theme template,

app/code/Vendor/Module/view/frontend/requirejs-config.js

code for js file,

var config = 
 paths: 
 'mgsaos': "js/aos.min"
 , 
 shim: 
 'aos': 
 deps: ['jquery']
 
 
;

Now you can use inside your template like this,

<script>
 require([ 'jquery', 'mgsaos' ], function ($,AOS) 
 AOS.init(
 duration: 1200,
 );
);
</script>

Now

Remove var folder from root
Remove pub/static folder contents.
Run deploy command,

php bin/magento setup:static-content:deploy

share|improve this answer

answered 19 mins ago

Vishwas BhatnagarVishwas Bhatnagar

2,94422146

add a comment | 

1

Just create requirejs-config.js file inside your theme template,

app/code/Vendor/Module/view/frontend/requirejs-config.js

code for js file,

var config = 
 paths: 
 'mgsaos': "js/aos.min"
 , 
 shim: 
 'aos': 
 deps: ['jquery']
 
 
;

Now you can use inside your template like this,

<script>
 require([ 'jquery', 'mgsaos' ], function ($,AOS) 
 AOS.init(
 duration: 1200,
 );
);
</script>

Now

Remove var folder from root
Remove pub/static folder contents.
Run deploy command,

php bin/magento setup:static-content:deploy

share|improve this answer

answered 19 mins ago

Vishwas BhatnagarVishwas Bhatnagar

2,94422146

add a comment | 

Just create requirejs-config.js file inside your theme template,

app/code/Vendor/Module/view/frontend/requirejs-config.js

code for js file,

var config = 
 paths: 
 'mgsaos': "js/aos.min"
 , 
 shim: 
 'aos': 
 deps: ['jquery']
 
 
;

Now you can use inside your template like this,

<script>
 require([ 'jquery', 'mgsaos' ], function ($,AOS) 
 AOS.init(
 duration: 1200,
 );
);
</script>

Now

Remove var folder from root
Remove pub/static folder contents.
Run deploy command,

php bin/magento setup:static-content:deploy

share|improve this answer

answered 19 mins ago

Vishwas BhatnagarVishwas Bhatnagar

2,94422146

app/code/Vendor/Module/view/frontend/requirejs-config.js

var config = 
 paths: 
 'mgsaos': "js/aos.min"
 , 
 shim: 
 'aos': 
 deps: ['jquery']
 
 
;

<script>
 require([ 'jquery', 'mgsaos' ], function ($,AOS) 
 AOS.init(
 duration: 1200,
 );
);
</script>

Remove var folder from root
Remove pub/static folder contents.
Run deploy command,

php bin/magento setup:static-content:deploy

share|improve this answer

answered 19 mins ago

Vishwas BhatnagarVishwas Bhatnagar

2,94422146

answered 19 mins ago

Vishwas BhatnagarVishwas Bhatnagar

2,94422146

answered 19 mins ago

Vishwas BhatnagarVishwas Bhatnagar

2,94422146