从li

Question

我有一个看起来像这样的symfony视图

{% for menu in menus %}
<li>{{menu.name}}</li>

当我点击li元素时，我希望能够继续使用特定的div。

以下是完整的简化页面：

{% for menu in menus %}
    <li>{{menu.name}}</li>
{% endfor %}
<p id="generalAnchor">Some text</p>
//And here i include some view depending on the li element clicked.

但实际上，根据导入的视图大小，页面并不是很漂亮。

所以我想直接滚动到generalAnchor元素。 我知道我可以使用a和href执行此操作，但在这里我需要使用li，我不知道我可以使用哪种方法。

Answer 1

您可以在li项目上添加点击事件监听器，并使用纯Javascript scrollIntoView方法。 像document.getElementById("generalAnchor").scrollIntoView()这样的东西应该可以解决问题。

当然，使用JQuery可以帮助您顺利使用JQuery.scrollTo插件

Answer 2

你可以使用jquery滚动到div。

img_to_save.options['jpeg:extent'] = '300kb'

Answer 3

只需在每个列表项中放置一个锚标记即可。您可以使用以下内容将每个链接绑定到特定ID：

<li><a href="#{{menu.id}}">{{menu.name}}</a></li>

然后你只需要提供你想要滚动到正确匹配ID的相应元素。