1

追加するために編集： 興味深いことに、以下の人々のコメントに基づいて、メインページ内にジャンプリンクを設定しようとしましたが、それは問題なく機能します。（http://www.umbc.edu/classof2012/index2.html-段落テキストの左上のdivにあります）したがって、何らかの理由で、問題が発生しているのは別の宛先ページへのリンクにあります。 。

写真/キャプションでいっぱいのページがあります。写真またはテキストリンクをクリックすると、視聴者は関連する経歴を含む新しいページに移動します。アイデアは、彼らがクリックした写真に関連するバイオに直接連れて行かれるということです。これはSafariとFirefoxで正常に機能します。

Chromeでは、すべてのリンクから、ページ内の関連する略歴ではなく、略歴ページの上部に移動します。

ここで何が欠けていますか？これは簡単なことですよね？

このページはここで見ることができます：http ：//www.umbc.edu/classof2012/

これがChromeの問題であるというドキュメントをいくつか見つけようとしましたが、明確なものは見つかりませんでした。SOで、同様の問題に触れているように見えるいくつかの質問を見つけましたが、単純で基本的なアンカーリンクが機能していないことについては何もありません。Chromeだけがキャッチしている何か間違ったことをした可能性がありますが、リンクコードは非常に単純なようで、過去に常に機能してきました-明らかなエラーを見逃していない限り！

これがChromeの特異性である場合、すべてのブラウザで機能する代替ソリューションを誰かが提案できますか？

ありがとう！！

コードスニペットを追加するために編集...

これが元のページコードです...それは私が投稿したものを超えて続きますが、それはもっと同じです：

code here: <!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>UMBC Class of 2012</title>
  <meta name="description" content="UMBC's Class of 2012 Featured Graduates">
    <link rel="shortcut icon" href="../images_new/icon.jpg" />
<meta name="viewport" content="width=device-width,initial-scale=1">



  <!-- CSS Reset -->
  <link rel="stylesheet" href="css/reset.css">

  <!-- Styling for your grid blocks -->
 <link rel="stylesheet" href="css/style.css">

</head>

<body>

  <div id="container">
  <div id="logo_holder">
  <div id="logo">
  <?php include("../include/toputilities_classof.shtml"); ?>
</div>
  </div>
  <div id="text_holder">

<div class="header">
  <img src="images/class_text3.gif" height="70" alt="Class of 2012" border="0"> 
  </div>

    </div>

    <div id="main" role="main">

       <ul id="tiles">

    <li style="background-color:#Fc0;padding:14px;">
    <a href="bios.html"><img src="images/commencement_7.jpg" width="200"></a>
      <p style="color:#333;font-size:13px;font-weight:bold;font-style:italic;padding:0 0px 9px 0px;">UMBC is proud of all of our graduates. On May 18 and 21, the University awards nearly 1,700 bachelor’s, master’s and Ph.D. degrees at its Graduate School and Undergraduate Commencement ceremonies. Meet a few of our exceptional students and discover what the future has in store for the Class of 2012.</p>
<!-- Share Button BEGIN -->
<a rel="nofollow" href="http://www.facebook.com/share.php?u=http://www.umbc.edu/classof2012/" target="_blank" style="text-decoration:none;float:left;margin-right:4px;" title="Share on Facebook" alt="Share on Facebook"><img src="images/facebook.png"/></a>
<a rel="nofollow" href="https://twitter.com/share" class="twitter-share-button" target="_blank" data-count="none" style="text-decoration:none;margin-right:4px;float:left;"title="Share on Twitter" alt="Share on Twitter"><img src="images/twitter.png"/></a>
<a rel="nofollow" href="https://plusone.google.com/_/+1/confirm?hl=en&url=http://www.umbc.edu/classof2012" target="_blank" style="text-decoration:none;margin-right:4px;float:left;" title="Plus One" alt="Plus One"><img src="images/googleplus.png"/></a>

<a href="http://pinterest.com/pin/create/button/?url=http://www.umbc.edu/classof2012&media=http://www.umbc.edu/classof2012/images/commencement_7.jpg&description=UMBC's Class of 2012" target="_blank" style="text-decoration:none;"><img border="0" src="images/pinterest.png" title="Pin It" alt="Pin It"/></a>
<!-- Share Button END -->
    </li>
<li style="background-color:#FFC;">
          <p style="padding-bottom:7px;text-align:center;color:#000;margin-top:0;">    <strong>VALEDICTORIAN</strong></p>
          <a href="bios.html#MCole"><img src="images/student_pics/MaryCole.jpg" width="200" alt="Mary Cole" /></a>
        <p><strong>Mary Elizabeth Cole</strong><br>
        Anthropology &amp; Biological Sciences</p>
        <p><em>Here I am standing at the highest point of Bodiam Castle in East Sussex, England. I loved travelling to cultural sites during my study abroad experience.</em></p>
        <p><a href="bios.html#MCole">Read Bio</a></p>
        <p><a href="http://www.youtube.com/embed/WG4B9e7A5pA" target="_blank"><img src="images/video_icon2.png" height="29" border="0" alt="Watch video &gt;"></a></p>
        </li>

そして、これが宛先のバイオページの関連コードです：

    <div id="main" role="main">

       <ul id="tiles">

          <li style="background-color:#FFC;">
         <div id="MCole" class="pic"> 
         <img src="images/photos/MaryCole.jpg" width="240" alt="Mary Cole, Valedictorian" /></div>
        <h3>Mary Elizabeth Cole</h3>


<p style="color:#333;"><strong>Plans: Ph.D., Biological Anthropology, The Ohio State University</strong><br>

B.A., Cultural Anthropology; B.S., Biological Sciences<br>

<em>Summa Cum Laude</em><br>

Hometown: Hanover, Maryland</p>

<p>Mary Elizabeth Cole, valedictorian of UMBC’s class of 2012, is a true Renaissance scholar. She is a Humanities Scholar double-majoring in cultural anthropology and biology who has shined in both fields. Mary Beth has sought out a range of research opportunities at UMBC, gaining early experience in UMBC’s Ecology and Evolution Lab. This prepared her for more independent research at the National Institutes of Health. She later completed archaeological field and lab work at colonial and prehistoric American Indian sites in southern Maryland. Mary Beth creatively wove together her interests in cultural anthropology and biology through study abroad at the University of Kent in Canterbury, England, where she completed human osteology coursework to prepare for graduate school. She has been awarded a fellowship for the biological anthropology Ph.D. program at The Ohio State University, which focuses on the history and patterns of disease as discerned through skeletal remains. In addition to pursuing an academic career, Mary Beth hopes to assist military and archaeological groups on post-conflict skeletal recovery. Mary Beth has given back to her community by helping with local speech and debate tournaments for home-schooled teens; tutoring students in chemistry, math and SAT preparation; and participating in Scholar Selection Day and other prospective student events at UMBC.</p>

<p><em>"At prospective student events I attended, Dr. Hrabowski promised that as long as we worked hard to pursue our dreams, UMBC would do everything possible to transform our efforts into our successes. Throughout my four years, I have seen this university fulfill and exceed that promise in every way possible. The anthropology department, despite its small size, has recruited some of the most intelligent, insightful and encouraging minds in the country. My mentors there provided the education, guidance and endless recommendations that pointed me towards my dream of becoming a biological anthropologist. The biology department provided the coursework and experience that I needed to secure lab experience at UMBC and then NIH. Without these stepping stones to my NIH internship, I would not have discovered the bone histology that I hope to pursue in my doctoral program.” </em>
</p>

<p><iframe width="530" height="298" src="http://www.youtube.com/embed/WG4B9e7A5pA" frameborder="0" allowfullscreen></iframe>
</p>
        </li>

          <li style="background-color:#FFC;">

       <div class="pic" id="RWardlow"> 
        <<img src="images/photos/RobertWardlow.jpg" width="240" alt="Robert Wardlow, Salutatorian" >
        </div>
        <h3>Robert  Douglass Wardlow II</h3>
<p style="color:#333;"><strong>Plans: M.D./Ph.D., Johns Hopkins University</strong><br>
B.S., Biochemistry & Molecular Biology<br>
<em>Summa Cum Laude</em><br>
Hometown: Cherry Hill, New Jersey</p>

<p>As the salutatorian of the class of 2012, Robert Wardlow’s career at UMBC has been full of accomplishments. A Meyerhoff Scholar, Barry M. Goldwater Scholar, Howard Hughes Medical Institute Scholar and Rhodes Scholarship finalist, he has presented his research at 12 conferences and symposia, earning numerous awards. Robert’s research focuses on chemical signaling of heart cells and the potential of certain stem cells for providing therapeutic benefits for damaged cells. Excellence in scholarship is intimately connected to community service for Robert. He co-founded the student group Men Achieving Leadership, Excellence and Success (MALES) to promote community activism, leadership and academic excellence. Robert’s accomplishments have earned him admission into the Phi Beta Kappa, Phi Kappa Phi and Golden Key International honor societies, and he received the HHMI Gilliam Fellowship for Advanced Study.</p>

<p><em>“UMBC has provided an environment rich in resources that has helped me to develop to a level far beyond what I could have originally expected. I was able to display tremendous personal growth over the course of my time here both academically and socially. Courses were challenging, but the school offered more than enough support in terms of tutoring and advising to help me best deal with the load. I had numerous chances to further my research career by gaining experience in research labs both in the area and around the country. I have made friends here that will hopefully last long in to the future as well as meeting mentors that will continue to guide me in the right direction. UMBC has helped me in all facets of my personal and professional development and I hope that I will be able to give back to the school in some capacity in the future.”&lt;/em></p>

<p><iframe width="530" height="298" src="http://www.youtube.com/embed/BJXAazzRP10" frameborder="0" allowfullscreen></iframe>
</p>
 </li>

ここにある完全なコードが役立つものがあれば、喜んでそれを行います。繰り返し要素がたくさんある場合は、コードを大量に取得する必要はありませんでした。

4

4 に答える 4

6

この汚いハックを試してみてください、

var hash = location.hash;
location.hash = '';
location.hash = hash;

window loadまたは_document.ready

于 2012-05-18T15:34:19.557 に答える
2

liページが読み込まれると、 sがに設定され、 JavaScriptを介してdisplay: noneに変更されたように見えます。display: list-itemChrome / IEは、HTMLが読み込まれるとすぐにブロックにジャンプしようとしている可能性がありますが、ブロックはまだ表示されていません。

それがあなたの問題だと思います。これは、絶対位置のブロックを使用した場合の奇妙な設定です（これは、wookmarkプラグインだと思いますか？）—絶対位置のないプレーンCSSでも同じことができるようです。

于 2012-05-18T15:32:55.230 に答える
0

これ：

$( "[href^=#]" ).click(function() {
    location.hash = $(this).attr("href")
})

私のために働いた。他の多くの人が述べたように、それはChromeのバグです。

于 2017-10-17T11:25:27.983 に答える
-1

宛先コードにはアンカーがないと思います

<a name="bioName">

アップデート

IDを使用したテストも、ページだけでなく機能します。多分それはコンテンツです

于 2012-05-18T15:12:38.363 に答える