最新版谷歌浏览器的锚点小问题 用jquery做出ctrl+f的搜索效果

更新谷歌浏览器的锚点小bug

因为开发需要,用锚点做了一个搜索定位效果,但是谷歌浏览器更新以后出现小问题。<a href="#maodian">点击</a><a name='maodian'><a>点击第一个a标签就跳到第二个所在位置,但是更新谷歌浏览器中遇到的问题是,设置锚点所在的第二个a标签一定要有内容,且不能设置为隐藏。希望遇到这个问题并解决了的小伙伴不吝賜教,没有遇到的就避开这个。

 用jquery做出ctrl+f的搜索效果

  后面这个分享的是, 用jquery做出ctrl+f的搜索效果:


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script language="JavaScript" type="text/javascript" src="http://www.12306.cn/mormhweb/images/jquery-1.4.2.min.js"></script>
	<style type="text/css">
        .highlight { background: yellow; color: red; }
    </style>
</head>
<body>
	<input type="text" id="txtKey" value="长沙" /><input type="button" value="查找" id="btnSearch" />
    <div id="pretime">
        <p>
            <strong>8:00 起售车站</strong><br />
            北京西、南京、南京南。
        </p>
        <p>
            <strong>8:30 起售车站</strong><br />
            白城、成都东、东莞、东莞东、惠州、济宁、南充、宁波、日照、山海关、汕头、松原、乌兰浩特、乌鲁木齐南、南充北。
        </p>
        <p>
            <strong>9:00 起售车站</strong><br />
            阿克苏、阿克陶、阿拉山口、阿图什、巴楚、北屯市、博乐、布列开、茶陵、茶陵南、成都、大庆、大庆西、福海、哈密、和静、和什托洛盖、和田、霍尔果斯、缙云、精河、精河南、喀什、克拉玛依、库车、库尔勒、奎屯、兰州、兰州西、丽水、柳园、柳园南、轮台、玛纳斯、玛纳斯湖、墨玉、尼勒克、皮山、萍乡、萍乡北、齐齐哈尔、青田、沙湾县、莎车、鄯善、鄯善北、深圳北、沈阳北、石河子、疏勒、吐哈、吐鲁番、吐鲁番北、温州、乌西、五五、武义、新和、焉耆、叶城、伊宁、伊宁东、宜春、英吉沙、永康、泽普、成都南、柳园南、和硕、马兰、大庆东、齐齐哈尔南、福利区、西固、兰州新区、中川机场。
        </p>
        <p>
            <strong>9:30 起售车站</strong><br />
            鳌江、苍南、德清、德清西、奉化、海宁、海宁西、湖州、加格达奇、嘉善南、嘉兴、嘉兴南、金山北、乐清、临海、漠河、南昌、南昌西、讷河、宁海、青岛、青岛北、瑞安、三门县、上虞、上虞北、绍兴、绍兴北、绅坊、深圳、沈阳、松江南、台州、桐乡、温岭、温州南、雁荡山、永嘉、余杭、余姚、余姚北、长兴、长兴南、庄桥。
        </p>
        <p>
            <strong>10:00 起售车站</strong><br />
            北京、贵阳、哈尔滨西、深圳东、贵阳北、哈尔滨北。
        </p>
        <p>
            <strong>10:30 起售车站</strong><br />
            敦煌、哈尔滨、杭州、嘉峪关、深圳西、威海、西安北、烟台、银川、嘉峪关南、荣成、文登东、威海北、牟平、烟台南、桃村北、海阳北、莱阳、莱西北、即墨北。
        </p>
        <p>
            <strong>11:00起售车站</strong><br />
   
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值