页面底部固定的按钮栏,当页面出现滚动条的时候才显示上部阴影,应该如何实现?

如图,我需要当页面所指模块内容溢出,出现滚动条的时候

底部的按钮栏的上面部分才显示阴影

image.png

如果模块内页面很短,就只固定按钮栏在下面,且不显示阴影

请问要如何实现这个效果呢?

阅读 888
2 个回答

用js判断内容高度是否大于容器高度,如果大于了,那就增加上阴影样式,否则移除样式

可以取上方内容的滚动高度和实际高度比较(el.scrollHeight > el.clientHeight)来为下方按钮区域添加动态class来决定是否在按钮区域上方存在阴影

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题