Menu Medium.com菜单水平样式-参见图片示例

我试图使我的菜单系统看起来完全像媒体，但我只是似乎无法让箭头显示在菜单本身的左侧和右侧。如示例图像所示，也可以在此处查看

div.scroll菜单{
/*背景色：#333*/
溢出：自动；
空白：nowrap；
}
分区滚动菜单a{
显示：内联块；
颜色：黑色；
文本对齐：居中；
填充：14px；
文字装饰：无；
}
/*div.scroll菜单a：悬停{
背景色：#777；
}*/

---

没关系，我已经找到了自己的答案。无论如何，谢谢你，我的答案如下，我希望这将在将来回答某人的问题：

var设置={
纳瓦巴特拉维林：错，
navBarTravelDirection:“”，
导航姿态：150
}
变量颜色={
0: "#867100",
1.“7F4200”，
2.“#99813D”，
3:"40FEFF",，
4.“#14CC99”，
5:“00BAFF”，
6:"0082B2"，
7.“B25D7A”，
8:"00FF17"，
9:"006B49",，
10.“00B27A”，
11:"996B3D"，
12.“#CC7014”，
13.“#40FF8C”，
14.“FF3400”，
15.“ECBB5E”，
16.“ECBB0C”，
17.“B9D912”，
18.“253A93”，
19.“#125FB9”，
}
document.documentElement.classList.remove（“no js”）；
document.documentElement.classList.add（“js”）；
//输出提前器按钮
var pnAdvancerLeft=document.getElementById（“pnAdvancerLeft”）；
var pnAdvancerRight=document.getElementById（“pnAdvancerRight”）；
//指示器
var pnIndicator=document.getElementById（“pnIndicator”）；
var pnProductNav=document.getElementById（“pnProductNav”）；
var pnProductNavContents=document.getElementById（“pnProductNavContents”）；
setAttribute（“数据溢出”，determineOverflow（pnProductNavContents，pnProductNav））；
//设置指示器
moveIndicator（pnProductNav.querySelector（“[aria selected=\“true\”]），颜色[0]）；
//处理水平容器的滚动
var last_known_scroll_position=0；
var ticking=false；
功能剂量测量（滚动位置）{
setAttribute（“数据溢出”，determineOverflow（pnProductNavContents，pnProductNav））；
}
pnProductNav.addEventListener（“滚动”，函数（）{
上次已知的滚动位置=window.scrollY；
如果（！滴答声）{
window.requestAnimationFrame（函数（）{
剂量测量（最后已知的滚动位置）；
滴答声=假；
});
}
滴答声=真；
});
pnAdvancerLeft.addEventListener（“单击”，函数（）{
如果在回程中途
if（SETTINGS.navbartraveling==true）{
返回；
}
//如果我们的内容从两边或左边溢出
if（determineOverflow（pnProductNavContents，pnProductNav）==“left”| determineOverflow（pnProductNavContents，pnProductNav）==“两者”）{
//查找此面板的滚动距离
var availableScrollLeft=pnProductNav.scrollLeft；
//如果可用空间小于我们所需距离的两个批次，只需移动全部空间即可
//否则，按设置中的数量移动
如果（可用滚动左