Jquery或css突出显示div跳转/滚动

Question

我试图通过点击锚链接突出显示div.我的意思是如果我点击<a href="$id1" class="scroll">My link</a>

滚动到<div id="id1">here</div>这个页面我有很多锚链接和div所以很难混淆识别哪个div然后滚动得更好突出点击锚点div上的边框.我尝试下面的代码,但它不起作用.

<script type="text/javascript"> 
        // anchor click jump scroll
        jQuery(document).ready(function(jQuery) {

            jQuery(".scroll").click(function(event){        
                event.preventDefault();
                jQuery('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
            });
        });

        jQuery(".scroll").click(function() {
           jQuery("#post-<?php echo get_the_ID(); ?>").css("border", "1px solid #ff0000").delay(1000).css("border", "none");
        };
    </script>

我不确定它是否需要jquery ui或只是jquery就足够了

Answer 1

考虑使用:targetCSS伪元素 -

演示

使用img:target进行演示

检查浏览器兼容性