哈哈，不用js模拟的话，还有个超简单的纯css做法：

<p class="wrapper">
    <p class="your-p"></p>
</p>

.wrapper {
    overflow: hidden; /* 子p让超过的部分隐藏（滚动条） */
}
.your-p {
    left: 30px; /* 故意让p右移，达到挡住右侧滚动条的目的 */
}

哈哈，希望对你有帮助。

overflow hidden，然后监听scroll事件用js控制定位模拟吧～

可以试着这么写,但是只有使用了webkit的排版引擎支持,移动端是没什么问题的

::-webkit-scrollbar{
    display: none;
    width: 0;
    height: 0;
}

建议去Google上搜技术问题。比如本问题，2012年都有类似解答了：http://www.simplyeasy.cz/blog...

其实很简单，核心思想就是把超出的部分隐藏掉？仔细想一下，那个属性可以做到？没错，答案呼之欲出，overflow:hidden; 要把某元素超出的部分隐藏，给其父元素设置overflow:hidden;就好了。当然把给父元素设置合适的高度和宽度你会隐藏掉喜欢的任意东西。

无缘无故被点踩，有问题可以探讨，上来就点踩，真心搞不懂。热心解答就是这样？真心影响社区氛围。