locked
question about menu RRS feed

  • Question

  • User702049738 posted

    Hello experts;

    when i look at the following website below, i was just wondering how website create a floating menu with facebook icon, pinterest icon, twitter icon and gmail icon. all help is appreciated

    http://www.menucool.com/ui/slide-in-when-scrolling

    Tuesday, February 27, 2018 11:48 PM

All replies

  • User-832373396 posted

    Hi <g class="gr_ gr_5 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling" id="5" data-gr-id="5">olybobo</g>,

    when <g class="gr_ gr_21 gr-alert gr_tiny gr_spell gr_inline_cards gr_run_anim ContextualSpelling multiReplace" id="21" data-gr-id="21">i</g> look at the following website below, <g class="gr_ gr_22 gr-alert gr_tiny gr_spell gr_inline_cards gr_run_anim ContextualSpelling multiReplace" id="22" data-gr-id="22">i</g> was just wondering how website create a floating menu with facebook icon, <g class="gr_ gr_23 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="23" data-gr-id="23">pinterest</g> icon, twitter icon and <g class="gr_ gr_24 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="24" data-gr-id="24">gmail</g> ico

    Sir, after checking his source code, it doesn't use 3rd js or CSS. it uses in SVG

    Here is the full code about a floating menu with facebook icon, <g class="gr_ gr_458 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="458" data-gr-id="458">pinterest</g> icon, twitter icon and <g class="gr_ gr_459 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="459" data-gr-id="459">gmail</g> icon

    and you could download this function from <g class="gr_ gr_1902 gr-alert gr_gramm gr_hide gr_inline_cards gr_run_anim Style multiReplace replaceWithoutSep" id="1902" data-gr-id="1902">https://1drv.ms/u/s!AnM6_MJ8WTkigpskFyBO7-rBXZBo-g</g><g class="gr_ gr_1902 gr-alert gr_gramm gr_hide gr_inline_cards gr_disable_anim_appear Style multiReplace replaceWithoutSep" id="1902" data-gr-id="1902"> .</g> It is an HTML page and there is only a floating menu with facebook icon, Pinterest icon, twitter icon and Gmail icon on this HTML page. you could view the effort after downloading the HTML and open in a browser.

    With regards, Angelina Jolie

    Wednesday, February 28, 2018 6:35 AM