Question

所以我正在为一个有手风琴（纯css）的客户开发一个页面。

它工作正常，但是当我将它添加到magento（我之前从未使用过的CMS）时，一切正常，但是当你点击链接打开手风琴时，它会将该部分跳转到页面顶部。

这是html：

BitmapImage bitmapImage = new BitmapImage();
bitmapImage.BeginInit();
bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
bitmapImage.UriSource = new Uri(@"D:\Test" + listBox1.SelectedItem.ToString() + ".png", UriKind.Relative);
bitmapImage.EndInit();

newBrush.ImageSource = bitmapImage;

这是css：

<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>

有谁知道如何阻止洋红色发生这种情况？

***** EDIT ***** 忘了提，没有JS（目前 - 但我很开心！）

Answer 1

问题在于这一行：

.accordion:target{display:block;}

即使我试图使用JS来阻止页面跳跃，它也搞砸了其他东西。

我已经实现了一个全新的手风琴，它使用JS并对其进行了分类！

链接到同一页面导致页面跳转 - 但仅当我将其添加到magento时

1 个答案: