Do we want to add some documentation for the reasoning behind #1378 in this PR? We've gone back and forth on this issue of href="#" versus href="javascript:void(0);". I'd like to remove the ambiguity here and avoid discussions around what we suggest. The latter, href="javascript:void(0);" should be what our examples use so we don't need any additional javascript to prevent href="#" from going to the top, but we should have some documentation on the UI component for links maybe that discusses:

• why we do this in the examples
• why your mileage may vary when setting href="#" when implementing the standards.

Thoughts on this @yozlet @maya @msecret @juliaelman @kategarklavs @jameshupp

@rogeruiz We use these in many components: footer, forms, etc so I don't think the reasoning for it would go in links since it's styleguide site specific thing. But I love the idea of explaining our reasoning, so we should do that on the issue that was originally opened for it and tag the people involved in it.

This does not touch the sticky-nav.js or any of the JavaScript related to the side-navigation UI component. Those will need to be worked on in another PR.