首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >链接到同一个页面,导致页面跳转--但只有当我将其添加到magento中时才会跳转。

问链接到同一个页面,导致页面跳转--但只有当我将其添加到magento中时才会跳转。
EN

Stack Overflow用户
提问于 2015-07-21 14:50:48
回答 1查看 47关注 0票数 0

因此,我正在为一个客户端开发一个页面,该客户端上有一个手风琴(纯css)。

它工作得很好,但是当我将它添加到magento (我以前从未使用过的CMS中)时,一切都可以工作,但是当您单击该链接打开手风琴时,它会跳到页面的顶部。

下面是html:

代码语言:javascript
复制
<div id="accordion">
  <ul>

    <li ><a href="#one">CHICKEN MARINADES</a>
      <div id="one" class="accordion">

jdv[oifdj

      </div>
    </li>
    <li>
      <a href="#two">PORK MARINADES</a>
      <div id="two" class="accordion">
       dpifhd[foivh
      </div>
    </li>    
    <li>
      <a href="#three">BEEF MARINADES</a>
      <div id="three" class="accordion">
        gfspiuqdhsv;
      </div>
    </li>
  </ul>
</div>

下面是css:

代码语言:javascript
复制
#accordion{margin:10px auto; max-width:600px;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:2px;}
.accordion{padding:4px;}

/*  Colors 
====================*/
#accordion ul{
/*box-shadow*/
-webkit-box-shadow:0 4px 10px #BDBDBD;
   -moz-box-shadow:0 4px 10px #BDBDBD;
        box-shadow:0 4px 10px #BDBDBD;
/*border-radius*/
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
}
#accordion ul li a{
background:#fff;

color:#999;
}
.accordion{
background:#fdfdfd;
color:#999;
}

有谁知道如何阻止这种现象发生在洋红上吗?

*编辑*忘记提到,没有JS (目前--但我愿意接受!)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-22 12:41:55

问题在于这句话:

代码语言:javascript
复制
.accordion:target{display:block;}

即使当我试图使用JS来阻止页面跳转时,它也会把其他事情搞砸。

我已经实现了一个全新的手风琴,它使用JS并对其进行排序!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31542485

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档