比如你的$c.name+i字符串作为这个变量
简单地说，在需要出现右键菜单的元素上给 contextmenu 事件绑定显示菜单的处理即可。建议用 jQuery，实现起来比较容易，因为有现成的插件。
比如这两个：
http://www.trendskitchens.co.nz/jquery/contextmenu/
http://labs.abeautifulsite.net/projects/js/jquery/contextMenu/demo/
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TEST</title>
<style>
h1{
margin: 0
}
body{
margin: 0
height: 100%
background-color: #f3f3f3
}
.header {
padding: 15px 0
background-color: #fff
border-bottom: 1px solid #ccc
text-align: center
width: 100%
}
.fiexd .header{
position: fixed
top: 0
}
.fiexd ul{
margin-top: 84px
}
</style>
</head>
<body>
<ul>
<li>
<h2>列表 1</h2>
</li>
<li>
<h2>列表 2</h2>
</li>
<li>
<h2>列表 3</h2>
</li>
<li>
<h2>列表 4</h2>
</li>
<li>
<h2>列表 5</h2>
</li>
<li>
<h2>列表 6</h2>
</li>
<li>
<h2>列表 7</h2>
</li>
<li>
<h2>列表 8</h2>
</li>
</ul>
<div class="header"><h1>我是一个标题</h1></div>
<ul>
<li>
<h2>列表 1</h2>
</li>
<li>
<h2>列表 2</h2>
</li>
<li>
<h2>列表 3</h2>
</li>
<li>
<h2>列表 4</h2>
</li>
<li>
<h2>列表 5</h2>
</li>
<li>
<h2>列表 6</h2>
</li>
<li>
<h2>列表 7</h2>
</li>
<li>
<h2>列表 8</h2>
</li>
<li>
<h2>列表 9</h2>
</li>
<li>
<h2>列表 10</h2>
</li>
<li>
<h2>列表 11</h2>
</li>
<li>
<h2>列表 12</h2>
</li>
<li>
<h2>列表 13</h2>
</li>
<li>
<h2>列表 14</h2>
</li>
<li>
<h2>列表 15</h2>
</li>
</ul>
<script>
var header = document.getElementsByClassName('header')[0]
var body = document.body
window.onscroll = function () {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
console.log(scrollTop)
if(scrollTop > 100) {
body.className = 'fiexd'
} else {
body.className = ''
}
}
</script>
</body>
</html>
