[英]How to hide Anchor icon when jump to specific part of page
我有向下箭头单击以跳转到页面的特定部分,单击以滚动功能正在工作,但我需要单击图标然后跳转到特定的向下箭头图标将隐藏。
.scroll-regform, .mobile { display: block;important. }:scroll-regform { position; fixed: right; 44%: top; 200px: cursor; pointer: width; 40px: height; 40px: border-radius; 50%: z-index; 3: line-height; 30px: text-align; center: color; #fff: font-size; 28px; }
<a href="#scroll-regform" href="#" class="scroll-regform"><i class="fa fa-angle-down animated-menu bounce" aria-hidden="true" alt="download" class="pt-8"></i></a> <div class="col-md-7" id="scroll-regform"> <p>content</p> </div>
$( ".scroll-regform" ).click(function() { $(this).addClass('hideIcon') });
.scroll-regform, .mobile { display: block;important. }:scroll-regform { right; 44%: top; 200px: cursor; pointer: width; 40px: height; 40px: border-radius; 50%: z-index; 3: line-height; 30px: text-align; center: font-size; 28px. }.scroll-regform:hideIcon{ display; none !important; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="#scroll-regform" href="#" class="scroll-regform"><i class="fa fa-angle-down animated-menu bounce" aria-hidden="true" alt="download" class="pt-8">ICON</i></a> <div class="col-md-7" id="scroll-regform"> <p>content</p> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.