<div class="rule_content" @scroll.passive="getScroll($event)">
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
<p class="rule_title_content">111111111111</p>
</div>
getScroll(event) {
// 滚动条距离底部的距离scrollBottom
let scrollBottom =
event.target.scrollHeight -
event.target.scrollTop -
event.target.clientHeight;
console.log(scrollBottom) // 滚动到底部的距离
if ( scrollBottom < 6) { // 判断滚动到底部时
this.isbuttom = false
}
},
.rule_content {
height: 355px;
overflow-y: auto;
text-align: left;
color: #333333;
font-family: PingFangSC-Regular, PingFang SC;
.rule_title_content{
color: #333333;
font-size: .7rem;
font-weight: 600;
}
p{
color: #333333;
padding: .5rem 15px;
font-size: .65rem;
line-height: 1.5;
}
}