Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.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 如何在所有浏览器的滚动视图末尾启用反弹效果?_Javascript_Css_Google Chrome - Fatal编程技术网

Javascript 如何在所有浏览器的滚动视图末尾启用反弹效果?

Javascript 如何在所有浏览器的滚动视图末尾启用反弹效果?,javascript,css,google-chrome,Javascript,Css,Google Chrome,这是我的建议。在Chrome上运行时,两个垂直元素#侧栏和#后栏在滚动视图的末尾没有任何反弹效果,这与我在Safari(gif)上看到的不同。如何让用户在所有浏览器上滚动以获得这种反弹效果 下面是与主题相关的css代码 body { overflow:hidden; height: 100%; } #sidebar { height:95%; position:fixed; display:inline-block; overflow:scrol

这是我的建议。在Chrome上运行时,两个垂直元素
#侧栏
#后栏
在滚动视图的末尾没有任何反弹效果,这与我在Safari(gif)上看到的不同。如何让用户在所有浏览器上滚动以获得这种反弹效果

下面是与主题相关的css代码

body {
    overflow:hidden;
    height: 100%;
}

#sidebar {
    height:95%;
    position:fixed;
    display:inline-block;
    overflow:scroll;
    width : 190px;
    padding : 10px;
}

#postbar {
    height:95%;
    position:fixed;
    display:inline-block;
    overflow:scroll;
    margin-left:190px;
    padding : 10px 10px 10px 0px;
}


编辑:添加代码

请发布与这些反弹效果相关的代码。@Sachith我在目标位置添加了两个元素的css代码。