# Pinegrow Interactions Add-on **URL:** https://forum.pinegrow.com/c/pinegrow-interactions-add-on/35.md?page=1 [Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md) **Page:** 2 --- ## [Interactions Gallery clips the top and bottom of the image when I click to zoom full size](https://forum.pinegrow.com/t/interactions-gallery-clips-the-top-and-bottom-of-the-image-when-i-click-to-zoom-full-size/7798)
**Author:** [@jeffgar2000](https://forum.pinegrow.com/u/jeffgar2000)\ **Replies:** 2\ **Last updated:** [March 8, 2023, 2:39am UTC](https://forum.pinegrow.com/t/interactions-gallery-clips-the-top-and-bottom-of-the-image-when-i-click-to-zoom-full-size/7798 "2023-03-08T02:39:11Z")
I am using the gallery in Interactions. It all looks fine except when I click any image (when viewing the webpage with the gallery) it zooms up to full size but it severely clips the top and bottom of the image. Any id… --- ## [Menu hides on scroll but appears when scroll stop](https://forum.pinegrow.com/t/menu-hides-on-scroll-but-appears-when-scroll-stop/7660)
**Author:** [@Hannah](https://forum.pinegrow.com/u/Hannah)\ **Replies:** 2\ **Last updated:** [January 21, 2023, 9:04am UTC](https://forum.pinegrow.com/t/menu-hides-on-scroll-but-appears-when-scroll-stop/7660 "2023-01-21T09:04:56Z")
I’m trying to get my fixed Navbar to disappear as I scroll down but appear when I stop scrolling. Similarly disappear when I scroll up and appear again when the scroll stops. I’ve been trying for a good couple of hours… --- ## [Looking for Interaction update in 7.05](https://forum.pinegrow.com/t/looking-for-interaction-update-in-7-05/7648)
**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Replies:** 1\ **Last updated:** [January 18, 2023, 7:21pm UTC](https://forum.pinegrow.com/t/looking-for-interaction-update-in-7-05/7648 "2023-01-18T19:21:21Z")
Hi @matjaz , Updated to 7.05 and was reading that there are Interactions updates made. Don’t see them when I load Interactions. I get version 2.14 ? Regards, David --- ## [Mouse Follow Interaction](https://forum.pinegrow.com/t/mouse-follow-interaction/7548)
**Author:** [@molina](https://forum.pinegrow.com/u/molina)\ **Replies:** 3\ **Last updated:** [December 30, 2022, 6:19pm UTC](https://forum.pinegrow.com/t/mouse-follow-interaction/7548 "2022-12-30T18:19:16Z")
Is there a way to add Mouse Follow using Interactions? I know it can be easily done using GSAP, but I’m looking for a way to add Mouse Follow by using Interactions. --- ## [How-to create a slider with ONLY 3 items (Pinegrow Blueprint)](https://forum.pinegrow.com/t/how-to-create-a-slider-with-only-3-items-pinegrow-blueprint/7148)
**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\ **Replies:** 8\ **Last updated:** [November 25, 2022, 10:58am UTC](https://forum.pinegrow.com/t/how-to-create-a-slider-with-only-3-items-pinegrow-blueprint/7148 "2022-11-25T10:58:02Z")
As we discussed recently, this one is a question for you @abirana :slight\_smile: Sliders | Pinegrow Web Editor Creating a Slider with Pinegrow Interaction 2 | Pinegrow Web Editor I recently received a request from @kr… --- ## [Interaction challenge: Draggable gallery](https://forum.pinegrow.com/t/interaction-challenge-draggable-gallery/7053)
**Author:** [@tytusie](https://forum.pinegrow.com/u/tytusie)\ **Replies:** 0\ **Last updated:** [October 1, 2022, 12:11pm UTC](https://forum.pinegrow.com/t/interaction-challenge-draggable-gallery/7053 "2022-10-01T12:11:39Z")
Hi guys, so i’d like to challenge my self and design a draggable gallery with Pg Interactions. The initial idea was to make a section and a Scroll Scene, pinned and to make move from left to right the grid-container with… --- ## [Animate target X by 100% of it's own width](https://forum.pinegrow.com/t/animate-target-x-by-100-of-its-own-width/6979)
**Author:** [@mmelon](https://forum.pinegrow.com/u/mmelon)\ **Replies:** 2\ **Last updated:** [September 22, 2022, 11:44pm UTC](https://forum.pinegrow.com/t/animate-target-x-by-100-of-its-own-width/6979 "2022-09-22T23:44:14Z")
Hi, I have a target ul that is the width of all of the inline LI’s inside. I want to do a pinned scroll scene to move it from 0% at the beginning, to -100% X so that it is offscreen. It seems to be using some other metr… --- ## [Var(--in-pg-ia); not showing up](https://forum.pinegrow.com/t/var-in-pg-ia-not-showing-up/6973)
**Author:** [@tytusie](https://forum.pinegrow.com/u/tytusie)\ **Replies:** 0\ **Last updated:** [September 20, 2022, 6:56pm UTC](https://forum.pinegrow.com/t/var-in-pg-ia-not-showing-up/6973 "2022-09-20T18:56:17Z")
Hi all, I noticed that variables aren’t good friends of pg-ia. I assume it’s due to the fact that the visual editor doesn’t have the access to the stylesheet - is there a way to register manually those variables so that … --- ## [\[SOLVED\] PG Interactions - Scroll Scene issue](https://forum.pinegrow.com/t/solved-pg-interactions-scroll-scene-issue/6881)
**Author:** [@tytusie](https://forum.pinegrow.com/u/tytusie)\ **Replies:** 12\ **Last updated:** [September 8, 2022, 10:25pm UTC](https://forum.pinegrow.com/t/solved-pg-interactions-scroll-scene-issue/6881 "2022-09-08T22:25:31Z")
Hi guys, i have a problem with the scroll scene. Sometimes it works, sometimes it doesn’t…why is it so?! i thought i might be doing something wrong, but it seems to go randomly, applying the effect to some elements and n… --- ## [3rd party/Animate It plugin](https://forum.pinegrow.com/t/3rd-party-animate-it-plugin/6860)
**Author:** [@SteveH](https://forum.pinegrow.com/u/SteveH)\ **Replies:** 2\ **Last updated:** [September 6, 2022, 4:14pm UTC](https://forum.pinegrow.com/t/3rd-party-animate-it-plugin/6860 "2022-09-06T16:14:44Z")
Just wondering if anybody has thoughts on the plugin by @benhanna (https://pluginsforpinegrow.com/) “pg-animate-it”. I bought it, and some of Ben’s other plugins years ago—and it still works in version 6.6, but his page… --- ## [Fixed Header - Toggle based on scroll direction](https://forum.pinegrow.com/t/fixed-header-toggle-based-on-scroll-direction/6859)
**Author:** [@scotty34](https://forum.pinegrow.com/u/scotty34)\ **Replies:** 0\ **Last updated:** [August 26, 2022, 4:27pm UTC](https://forum.pinegrow.com/t/fixed-header-toggle-based-on-scroll-direction/6859 "2022-08-26T16:27:00Z")
Does anybody know how to recreate this in Interactions please? https://codepen.io/GreenSock/pen/qBawMGb --- ## [Interactions - Trigger an animation when dropdown menu loses focus](https://forum.pinegrow.com/t/interactions-trigger-an-animation-when-dropdown-menu-loses-focus/6746)
**Author:** [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\ **Replies:** 8\ **Last updated:** [August 1, 2022, 9:52pm UTC](https://forum.pinegrow.com/t/interactions-trigger-an-animation-when-dropdown-menu-loses-focus/6746 "2022-08-01T21:52:40Z")
I’m making a navigation menu with a dropdown using PG Interactions and am having trouble making the dropdown hide when it loses keyboard focus. Hover, touch, and Escape work as expected, and I can trigger and navigate th… --- ## [How to make this animation when scrolling?](https://forum.pinegrow.com/t/how-to-make-this-animation-when-scrolling/6694)
**Author:** [@Dz163](https://forum.pinegrow.com/u/Dz163)\ **Replies:** 5\ **Last updated:** [July 19, 2022, 6:27am UTC](https://forum.pinegrow.com/t/how-to-make-this-animation-when-scrolling/6694 "2022-07-19T06:27:32Z")
Hi all, help please. How to make this animation when scrolling? --- ## [How does the toggle in the popout menu interaction work?](https://forum.pinegrow.com/t/how-does-the-toggle-in-the-popout-menu-interaction-work/6569)
**Author:** [@factor3](https://forum.pinegrow.com/u/factor3)\ **Replies:** 1\ **Last updated:** [June 5, 2022, 1:01am UTC](https://forum.pinegrow.com/t/how-does-the-toggle-in-the-popout-menu-interaction-work/6569 "2022-06-05T01:01:08Z")
I have been working on a menu display that is similar (but not exactly the same) as the Popout Menu provided in the Interactions example. I am impressed by the fact that the button changes when it is pressed, but I am m… --- ## [Interactions Presentation](https://forum.pinegrow.com/t/interactions-presentation/6555)
**Author:** [@kat](https://forum.pinegrow.com/u/kat)\ **Replies:** 0\ **Last updated:** [May 20, 2022, 4:37pm UTC](https://forum.pinegrow.com/t/interactions-presentation/6555 "2022-05-20T16:37:09Z")
In PG I dragged in Interaction Blueprints presentation McGraphics The single pagination is not cloned and previous & next arrows don’t work. In top presentation I changed images, bottom presentation are not. Possibly… --- ## [Pinegrow Interactions in Master Page that do not trasnfer to Pages that use master](https://forum.pinegrow.com/t/pinegrow-interactions-in-master-page-that-do-not-trasnfer-to-pages-that-use-master/6531)
**Author:** [@pgrowbig](https://forum.pinegrow.com/u/pgrowbig)\ **Replies:** 0\ **Last updated:** [May 13, 2022, 7:30am UTC](https://forum.pinegrow.com/t/pinegrow-interactions-in-master-page-that-do-not-trasnfer-to-pages-that-use-master/6531 "2022-05-13T07:30:23Z")
So I had a bunch of interactions on the master page which was index.html I only wanted them to be loaded once at the start which was perfect and worked for a few hours… (I reloaded and saved many times) Then I added my … --- ## [How to make animation in Pinegrow?](https://forum.pinegrow.com/t/how-to-make-animation-in-pinegrow/6485)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 2\ **Last updated:** [April 12, 2022, 1:52am UTC](https://forum.pinegrow.com/t/how-to-make-animation-in-pinegrow/6485 "2022-04-12T01:52:02Z")
Hi, How to make animation in Pinegrow ? Is there an easy way to make animations ? \<\< In Pinegrow \>\> I did the following way, but it didn’t work. What did I make in an wrong way ? I did like this; In Tree Panel, I… --- ## [Please make more samples](https://forum.pinegrow.com/t/please-make-more-samples/6483)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 0\ **Last updated:** [April 9, 2022, 12:11pm UTC](https://forum.pinegrow.com/t/please-make-more-samples/6483 "2022-04-09T12:11:50Z")
Hi, Please make more samples in each interaction. Thanks --- ## [An Intro to Pinegrow Interactions (Tutorial)](https://forum.pinegrow.com/t/an-intro-to-pinegrow-interactions-tutorial/6414)
**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\ **Replies:** 1\ **Last updated:** [March 29, 2022, 5:38pm UTC](https://forum.pinegrow.com/t/an-intro-to-pinegrow-interactions-tutorial/6414 "2022-03-29T17:38:22Z")
I’ve just released an Intro to Pinegrow interactions. We build an onscroll, onclick and onload interaction. Enjoi!! --- ## [Style Panel does not make the style css of the element move](https://forum.pinegrow.com/t/style-panel-does-not-make-the-style-css-of-the-element-move/6430)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 2\ **Last updated:** [March 28, 2022, 1:13am UTC](https://forum.pinegrow.com/t/style-panel-does-not-make-the-style-css-of-the-element-move/6430 "2022-03-28T01:13:59Z")
Hi, When I select an element in Tree Panel, In Style, the style of the element does not show in Style Panel. When I select an element in Tree Panel, Style Panel does not make the style css of the element move in ord… --- ## [Change data-pg-ia-scene/data-pg-ia value with javascript or jquery](https://forum.pinegrow.com/t/change-data-pg-ia-scene-data-pg-ia-value-with-javascript-or-jquery/6402)
**Author:** [@bergamot999](https://forum.pinegrow.com/u/bergamot999)\ **Replies:** 4\ **Last updated:** [March 21, 2022, 2:55am UTC](https://forum.pinegrow.com/t/change-data-pg-ia-scene-data-pg-ia-value-with-javascript-or-jquery/6402 "2022-03-21T02:55:57Z")
Hi everyone, I’m a bit stuck with this for a while, hope someone can help me figure this out. I’m working on a woocommerce website and I’ve created a template for a product page. I need to change interaction values for… --- ## [Summer Night 2 is really helpful for me](https://forum.pinegrow.com/t/summer-night-2-is-really-helpful-for-me/6398)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 1\ **Last updated:** [March 17, 2022, 9:51am UTC](https://forum.pinegrow.com/t/summer-night-2-is-really-helpful-for-me/6398 "2022-03-17T09:51:31Z")
Hi, @supports not (display: grid) { body { // new property:values to be applied } I don’t understand the above code. Would you please explain it to me? Thanks. --- ## [I think there is an error in pinegrow](https://forum.pinegrow.com/t/i-think-there-is-an-error-in-pinegrow/6384)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 0\ **Last updated:** [March 14, 2022, 10:34am UTC](https://forum.pinegrow.com/t/i-think-there-is-an-error-in-pinegrow/6384 "2022-03-14T10:34:25Z")
Hi, Uploading: 스크린샷 2022-03-14 오후 7.30.01.png… When I type class name in both lines the classes are input inside a class. There is an error in this part. It is very difficult to select the lines in… --- ## [How to make a webpage without any frameworks like bootstrap4, 5 ....?](https://forum.pinegrow.com/t/how-to-make-a-webpage-without-any-frameworks-like-bootstrap4-5/6361)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 3\ **Last updated:** [March 10, 2022, 10:24am UTC](https://forum.pinegrow.com/t/how-to-make-a-webpage-without-any-frameworks-like-bootstrap4-5/6361 "2022-03-10T10:24:45Z")
How to make a webpage without any frameworks like bootstrap4, 5 … ? I want to make a webpage with only html, css and javascript. That is to say, Plain HTML When I watch the video of SummerNights, the instruct uses bo… --- ## [Why isn’t “css style code” made in style.css file?](https://forum.pinegrow.com/t/why-isn-t-css-style-code-made-in-style-css-file/6363)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 1\ **Last updated:** [March 10, 2022, 7:30am UTC](https://forum.pinegrow.com/t/why-isn-t-css-style-code-made-in-style-css-file/6363 "2022-03-10T07:30:40Z")
select “div” in tree panal =\> =\> tab “style” =\> … Create new CSS rule =\> click =\> =\> click an element to make a class =\> =\> select “Stylesheet” =\> in style.css =\> =\> div.grid-container in tree panel =\> =\> .grid-co… --- ## [How to make like border ;](https://forum.pinegrow.com/t/how-to-make-like-border/6364)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 0\ **Last updated:** [March 10, 2022, 12:14am UTC](https://forum.pinegrow.com/t/how-to-make-like-border/6364 "2022-03-10T00:14:42Z")
How to make like this; border: 1px solid rgba(0, 0, 0, 0.8); Not the following method : .grid-item { background-color: rgba(255, 255, 255, 0.8); border-width: 1px; border-color: rgba(0, 0, 0, 0.8); } But the fo… --- ## [How to make white color in hover?](https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340)
**Author:** [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Replies:** 4\ **Last updated:** [March 9, 2022, 4:10am UTC](https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340 "2022-03-09T04:10:55Z")
Button Bootstrap 5.1 =\> Outline : Green When I don’t mouse over, the color of button is white and text color is green. When I mouse over, the color of button is green and text color is white. Text Bootstrap 5.1… --- ## [Page transition glitching](https://forum.pinegrow.com/t/page-transition-glitching/6201)
**Author:** [@erik-k](https://forum.pinegrow.com/u/erik-k)\ **Replies:** 6\ **Last updated:** [January 31, 2022, 11:24am UTC](https://forum.pinegrow.com/t/page-transition-glitching/6201 "2022-01-31T11:24:28Z")
Hi, a new topic here to see if pinegrow interaction can be an alternative to barba. Make a test here and some glitching here. Can I avoid this or it is a limitation ? Thanks in advance https://erikworkshop.fr/growintera… --- ## [BarbaJS Page Transitions disables all PG Interactions](https://forum.pinegrow.com/t/barbajs-page-transitions-disables-all-pg-interactions/5224)
**Author:** [@zappapa](https://forum.pinegrow.com/u/zappapa)\ **Replies:** 8\ **Last updated:** [January 29, 2022, 11:04am UTC](https://forum.pinegrow.com/t/barbajs-page-transitions-disables-all-pg-interactions/5224 "2022-01-29T11:04:48Z")
I’m trying to create Page Transitions with the help of BarbaJS. The page transitions work but my PG Interactions (animations) don’t work when BarbaJS is used. Even animations that are triggered by a click don’t work. Is… --- ## [Yoyo function in pinegrow](https://forum.pinegrow.com/t/yoyo-function-in-pinegrow/6177)
**Author:** [@erik-k](https://forum.pinegrow.com/u/erik-k)\ **Replies:** 11\ **Last updated:** [January 26, 2022, 7:27am UTC](https://forum.pinegrow.com/t/yoyo-function-in-pinegrow/6177 "2022-01-26T07:27:09Z")
Hi, continuing practicing pinegrow interaction. More easy than typing code. I want to loop an animation back and forth in gsap it is the “yoyo” funtcion and how do you call it and where is it in pinegrow ? Thanks in adva… [Previous page](https://forum.pinegrow.com/c/pinegrow-interactions-add-on/35.md) [Next page](https://forum.pinegrow.com/c/pinegrow-interactions-add-on/35.md?page=2)