CSS： .top-items { position: fixed; right: 0; top: 0; z-index: 99; margin: 6px; } .top-item { background: #000; color: #fff; border-radius: 6px; padding-left: 7px; padding-right: 7px; padding-top: 3px; padding-bottom: 1px; font-size: 13px; background-color: rgba(0,0,0,0.5); -webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); -moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); -o-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); text-shadow: 1px 1px 0 rgba(0,0,0,0.08); }
HTML： <div class="top-items"><a href="#"><span class="top-item">Log In</span></a><a href="#"><span class="top-item">Register</span></a></div>
这是登录和登录的两个链接的设计。在我的网站注册！这些物品的位置固定在顶部和顶部。在右边。 Navbar＆amp;中还有一些其他项目。这些链接正在为他们制造触控问题。
所以我想修改它。在几个Navbar像素交叉后，在屏幕滚动到底部时应该可见。
请与我分享它的JavaScript / jQuery。