Question

那是我的代码。当我关闭我的css3灯箱img时，如何防止将页面滚动到顶部？

 <div class="col-sm-4">
 <div class="row d-info">
    <div class="col-sm-6 text-center">
        <section id="gallery">
            <!-- thumbnail image wrapped in a link -->
            <section class="item">
                <a href="#imag16">
                    <img src="images/alarm/imag16.png" />
                </a>
            </section>
        </section>
        <div class="lightbox" id="imag16">
            <div class="box">
                <a class="close" href="#">X</a>
                <p class="title">External device</p>
                <div class="content">
                    <img src="images/alarm/imag16.png" />
                        <p class="desc">60 m outdoor • Quadruple beams • Digital   frequency conversion • Active infrared detector • Quadruple beams simultaneously blocked inspection • Infrared LED lighting • Digital wave filtering lighting</p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 text-center">
        <h2>External device</h2>
        <p class="font1">Quad Beam Detector</p>
    </div>
</div>
</div>

Answer 1

试试这个https://jsfiddle.net/2Lzo9vfc/181/

$('a.closeButton').click(function(e) {
  //Do something here
   alert('Closed');

   return false; // prevent default click action from happening!
   e.preventDefault(); // same thing as above

});

此外，您应该使用button代替a来关闭

当我关闭我的css3灯箱img时，如何防止将页面滚动到顶部？

1 个答案: