karamveer
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by karamveer
-
-
Hello GreenSock,
Thank-You for your prompt reply on my messages, sorry for unformulated explanation of issue,as per your suggestions I have created codepen and posted with new topic.
Topic link : https://greensock.com/forums/topic/16215-tweenmax-scrollto-y-and-offsety-parameter-not-working/
Thanks,
Karamveer
-
Hello All,
We're using ScrollToplugin and Tweenmax library with ScrollMagic plugin,noticed TweenMax-> Scrollto operation not working.
I want to pass OffsetY on the pinning element but TweenMax - offsetY parameter not accepting also scrollTo-> Y option not working with element-id only working with numeric value.
As mentioned on the greensock tutorial (https://greensock.com/docs/#/HTML5/GSAP/Plugins/ScrollToPlugin/) for add some margin top we can use offsetY option with numeric value but unfortunately its not working,no any error in console log .
Please see this code-snippets and suggest what else from our side?
Thanks in advance
Thanks,
Karamveer Singh
See the Pen xqjYQg by karamveer (@karamveer) on CodePen
-
Hello All,I am using latest version of Tweenlite and Tweenmax library but scroll-to parameters are not working.I am calling element id in Y parameter and offsetY with numbers but both are not working also no any errors prompted in console.Please suggest whats else over there below is code which I am using ->TweenLite.to(window, 2, {scrollTo:{y: div_id, offsetY:50000}});TweenMax.to(window, 2, {scrollTo:{y: div_id, offsetY:50000}});div_id not workingOffsety: not workingcomplete code snippets->var anchor_nav = document.querySelector('.snap__subnav');anchor_nav.addEventListener('click', function(e) {var target = e.target,href = target.getAttribute('href');id = target.getAttribute('id');div_id1=href.replace("subnav_","subnav_anchor_");div_id=div_id1.replace("#",'.')+'_widget';if(href !== null && id !== null) {if(href.length > 0) {e.preventDefault();callTrigger(href,div_id);e.preventDefault();if(window.history && window.history.pushState) {history.pushState("", document.title, href);}}}});function callTrigger(target,div_id){console.log(com.greensock.plugins.ScrollToPlugin.version);TweenMax.to(window, 2, {scrollTo:{y: div_id, offsetY:50000}});}Looking forward for your best solution asap.Thanks & Regards,Karamveer Singh
TweenMax ScrollTo - Y and OffsetY parameter not working
in GSAP
Posted
Hello All,
thanks for your supports and helpful instructions, yeah I followed and now scrollTo with Tweenmax working fine.
But facing another issue I will be thankful to you if you can instruct me on this new issue - >
highlighted another nav while scrolling : the previous one will stay highlighted during the scroll event, but I would expect once it reaches its targeted anchor link, it would no longer have the previous one highlighted and the item you clicked would be highlighted
Other Query:
Please guide me how we can pass the OffsetY to tweenmax in mid of scrolling.
Actually in my application we're using two navigation (first on top of header) and second after some gap(distance from header).During the scrolling we're hide the main header nav and second nav as fixed position.
The issue is I want to assign offsetY to tweenmax with both header height when both are visible and single nav(second) when header nav not visible.Please suggest your idea.
See this codepen snippets :
Thanks,
Karamveer Singh