Menu icon Foundation

My Posts






My Comments

Tharaka De Silva commented on Tharaka De Silva's post about 3 years

Hey Adam,
 
This fixed my second problem! Thank you so much. I still have the issue where the top-bar disappears after scrolling down to a certain point, but it does come back up after I scroll up again.
 
Thanks for the other fix though!

Tharaka De Silva commented on Tharaka De Silva's post about 3 years

For the first problem, here's the generated html before it dissapears and after it dissapears according to firebug:
Before:
<div data-sticky-container="" class="sticky-container" style="height: 95.2667px;">    <div style="width: 100%; max-width: 1063px; margin-top: 0em; top: 0px; bottom: auto; left: 0px;" data-options="anchor: page; marginTop: 0; stickyOn: small;" data-sticky="h6dten-sticky" class="top-bar sticky is-stuck is-at-top" data-resize="pj5yl8-sticky"><!--    <div class="top-bar" data-sticky data-options="marginTop:0;" style="width:100%">-->      <div class="top-bar-title">        <span data-hide-for="medium" data-responsive-toggle="responsive-menu" style="display: none;">          <span data-toggle="" class="menu-icon dark"></span>        </span>        <strong>Site Title</strong>      </div>      <div id="responsive-menu">        <div class="top-bar-left">          <ul data-dropdown-menu="htqzez-dropdown-menu" class="dropdown menu" role="menubar">            <li role="menuitem" class="is-dropdown-submenu-parent opens-right" aria-haspopup="true" aria-expanded="false" aria-label="One">              <a href="#" tabindex="0">One</a>              <ul class="menu vertical submenu is-dropdown-submenu first-sub" data-submenu="" aria-hidden="true" role="menu">                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">One</a></li>                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">Two</a></li>                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">Three</a></li>              </ul>            </li>            <li role="menuitem"><a href="#">Two</a></li>            <li role="menuitem"><a href="#">Three</a></li>          </ul>        </div>        <div class="top-bar-right">          <ul class="menu">            <li><input type="search" placeholder="Search"></li>            <li><button class="button" type="button">Search</button></li>          </ul>        </div>      </div>    </div>  </div>
 
After the top bar disappears:
<div data-sticky-container="" class="sticky-container" style="height: 95.2667px;">    <div style="width: 100%; max-width: 1063px; margin-top: 0px; top: 1343.73px; bottom: 0px;" data-options="anchor: page; marginTop: 0; stickyOn: small;" data-sticky="h6dten-sticky" class="top-bar sticky is-anchored is-at-bottom" data-resize="pj5yl8-sticky"><!--    <div class="top-bar" data-sticky data-options="marginTop:0;" style="width:100%">-->      <div class="top-bar-title">        <span data-hide-for="medium" data-responsive-toggle="responsive-menu" style="display: none;">          <span data-toggle="" class="menu-icon dark"></span>        </span>        <strong>Site Title</strong>      </div>      <div id="responsive-menu">        <div class="top-bar-left">          <ul data-dropdown-menu="htqzez-dropdown-menu" class="dropdown menu" role="menubar">            <li role="menuitem" class="is-dropdown-submenu-parent opens-right" aria-haspopup="true" aria-expanded="false" aria-label="One">              <a href="#" tabindex="0">One</a>              <ul class="menu vertical submenu is-dropdown-submenu first-sub" data-submenu="" aria-hidden="true" role="menu">                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">One</a></li>                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">Two</a></li>                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">Three</a></li>              </ul>            </li>            <li role="menuitem"><a href="#">Two</a></li>            <li role="menuitem"><a href="#">Three</a></li>          </ul>        </div>        <div class="top-bar-right">          <ul class="menu">            <li><input type="search" placeholder="Search"></li>            <li><button class="button" type="button">Search</button></li>          </ul>        </div>      </div>    </div>  </div>
 

Tharaka De Silva commented on Tharaka De Silva's post about 3 years

Hi Adam,
 
1) The top bar still disappears as accordions expand and I scroll past a certain point.
2) I have attached two picture to show what happens with problem 2.
 
This is how the page should be:

But, when I scroll down and scroll all the way up, this happens.

Tharaka De Silva commented on Tharaka De Silva's post over 3 years

It worked! Thanks!!

Tharaka De Silva commented on Tharaka De Silva's post over 3 years

Hey! Thank you for the reply. Could you tell me where I am missing the $ sign? I will test the second part and let you know what happens.

Tharaka De Silva commented on Paper9oll's post over 3 years

Could you provide your code please?

Tharaka De Silva commented on Tharaka De Silva's post over 3 years

Thank you very much! It works! :D

Tharaka De Silva commented on Tharaka De Silva's post over 3 years

Hey thanks this works. But I have an issue with this. If I click on the submit button, everything works and it highlights the incorrect fields. But, when I actually select one of the checkboxes only that checkbox turns back to the original font. All other checkboxes remain red. Is there a fix for this?

Tharaka De Silva commented on Tharaka De Silva's post over 3 years

A quick question, is there a way to get a boolean saying whether the form is valid or not after calling:

 $("#myform").foundation("validateForm");

Tharaka De Silva commented on Tharaka De Silva's post over 3 years

Works perfectly! Thank you!

Posts Followed



Following

    No Content

Followers

My Posts

My Comments

You commented on Tharaka De Silva's post about 3 years

Hey Adam,
 
This fixed my second problem! Thank you so much. I still have the issue where the top-bar disappears after scrolling down to a certain point, but it does come back up after I scroll up again.
 
Thanks for the other fix though!

You commented on Tharaka De Silva's post about 3 years

For the first problem, here's the generated html before it dissapears and after it dissapears according to firebug:
Before:
<div data-sticky-container="" class="sticky-container" style="height: 95.2667px;">    <div style="width: 100%; max-width: 1063px; margin-top: 0em; top: 0px; bottom: auto; left: 0px;" data-options="anchor: page; marginTop: 0; stickyOn: small;" data-sticky="h6dten-sticky" class="top-bar sticky is-stuck is-at-top" data-resize="pj5yl8-sticky"><!--    <div class="top-bar" data-sticky data-options="marginTop:0;" style="width:100%">-->      <div class="top-bar-title">        <span data-hide-for="medium" data-responsive-toggle="responsive-menu" style="display: none;">          <span data-toggle="" class="menu-icon dark"></span>        </span>        <strong>Site Title</strong>      </div>      <div id="responsive-menu">        <div class="top-bar-left">          <ul data-dropdown-menu="htqzez-dropdown-menu" class="dropdown menu" role="menubar">            <li role="menuitem" class="is-dropdown-submenu-parent opens-right" aria-haspopup="true" aria-expanded="false" aria-label="One">              <a href="#" tabindex="0">One</a>              <ul class="menu vertical submenu is-dropdown-submenu first-sub" data-submenu="" aria-hidden="true" role="menu">                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">One</a></li>                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">Two</a></li>                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">Three</a></li>              </ul>            </li>            <li role="menuitem"><a href="#">Two</a></li>            <li role="menuitem"><a href="#">Three</a></li>          </ul>        </div>        <div class="top-bar-right">          <ul class="menu">            <li><input type="search" placeholder="Search"></li>            <li><button class="button" type="button">Search</button></li>          </ul>        </div>      </div>    </div>  </div>
 
After the top bar disappears:
<div data-sticky-container="" class="sticky-container" style="height: 95.2667px;">    <div style="width: 100%; max-width: 1063px; margin-top: 0px; top: 1343.73px; bottom: 0px;" data-options="anchor: page; marginTop: 0; stickyOn: small;" data-sticky="h6dten-sticky" class="top-bar sticky is-anchored is-at-bottom" data-resize="pj5yl8-sticky"><!--    <div class="top-bar" data-sticky data-options="marginTop:0;" style="width:100%">-->      <div class="top-bar-title">        <span data-hide-for="medium" data-responsive-toggle="responsive-menu" style="display: none;">          <span data-toggle="" class="menu-icon dark"></span>        </span>        <strong>Site Title</strong>      </div>      <div id="responsive-menu">        <div class="top-bar-left">          <ul data-dropdown-menu="htqzez-dropdown-menu" class="dropdown menu" role="menubar">            <li role="menuitem" class="is-dropdown-submenu-parent opens-right" aria-haspopup="true" aria-expanded="false" aria-label="One">              <a href="#" tabindex="0">One</a>              <ul class="menu vertical submenu is-dropdown-submenu first-sub" data-submenu="" aria-hidden="true" role="menu">                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">One</a></li>                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">Two</a></li>                <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item"><a href="#">Three</a></li>              </ul>            </li>            <li role="menuitem"><a href="#">Two</a></li>            <li role="menuitem"><a href="#">Three</a></li>          </ul>        </div>        <div class="top-bar-right">          <ul class="menu">            <li><input type="search" placeholder="Search"></li>            <li><button class="button" type="button">Search</button></li>          </ul>        </div>      </div>    </div>  </div>
 

You commented on Tharaka De Silva's post about 3 years

Hi Adam,
 
1) The top bar still disappears as accordions expand and I scroll past a certain point.
2) I have attached two picture to show what happens with problem 2.
 
This is how the page should be:

But, when I scroll down and scroll all the way up, this happens.

You commented on Tharaka De Silva's post over 3 years

It worked! Thanks!!

You commented on Tharaka De Silva's post over 3 years

Hey! Thank you for the reply. Could you tell me where I am missing the $ sign? I will test the second part and let you know what happens.

You commented on Paper9oll's post over 3 years

Could you provide your code please?

You commented on Tharaka De Silva's post over 3 years

Thank you very much! It works! :D

You commented on Tharaka De Silva's post over 3 years

Hey thanks this works. But I have an issue with this. If I click on the submit button, everything works and it highlights the incorrect fields. But, when I actually select one of the checkboxes only that checkbox turns back to the original font. All other checkboxes remain red. Is there a fix for this?

You commented on Tharaka De Silva's post over 3 years

A quick question, is there a way to get a boolean saying whether the form is valid or not after calling:

 $("#myform").foundation("validateForm");

You commented on Tharaka De Silva's post over 3 years

Works perfectly! Thank you!

Posts Followed

Following

  • No Content

Followers

  • No Content