Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/apache/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 纯JS水平点导航，无需外部软件包_Javascript_Vue.js_Bootstrap 4_Navigation_Horizontal Scrolling - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 纯JS水平点导航，无需外部软件包

Javascript 纯JS水平点导航，无需外部软件包

javascript vue.js bootstrap-4 navigation

Javascript 纯JS水平点导航，无需外部软件包,javascript,vue.js,bootstrap-4,navigation,horizontal-scrolling,Javascript,Vue.js,Bootstrap 4,Navigation,Horizontal Scrolling,我正在与Vue和Laravel合作，我正在尝试为一个可滚动的水平容器提供一些用于导航的点。我不能使用任何jQuery或外部包或组件，我只需要纯javascript和CSS 我正在显示一个div列表，其中包含可选择的文本区域和图标。本质上，我希望有一些看起来几乎完全像这个例子的东西：，但是我的div（我将其命名为message）是这种形式的（显然是伪代码） …但如果可能的话，不使用scrollspy（我的div中没有HREF或链接，因此如果可以的话，我想尝试一种不涉及HREF的替代解决方案）。

我正在与Vue和Laravel合作，我正在尝试为一个可滚动的水平容器提供一些用于导航的点。我不能使用任何jQuery或外部包或组件，我只需要纯javascript和CSS

我正在显示一个div列表，其中包含可选择的文本区域和图标。本质上，我希望有一些看起来几乎完全像这个例子的东西：，但是我的div（我将其命名为message）是这种形式的（显然是伪代码）

…但如果可能的话，不使用scrollspy（我的div中没有HREF或链接，因此如果可以的话，我想尝试一种不涉及HREF的替代解决方案）。此外，我的列表包括在运行时添加或删除div的选项，因此每次都必须更新导航点（以及任何HREF/ID）

我正在使用bootstrap，并且已经尝试过
，但这是一个故障，不是我想要的解决方案（在演示中，我有三个项目并排出现，没有页面/幻灯片中断，并且我在网上找不到任何多项目
示例）

是否有人知道任何非jquery的解决方案可以用来编码此解决方案？任何指导将不胜感激，因为我一直在寻找一个水平导航实施了一段时间。多谢各位