scroll-view 真机同步滚动没效果,超出部分直接压缩内容

Not Foundcl

<template>
    <view class="guideread">
        <img class="close" src="../../../../images/study/learn-main/tk_gb@2x.png" @click="close" alt="">

        <view class="maskbox">
            <scroll-view class="scroll-view" scroll-y show-scrollbar="false">
                <view class="content">
                    <view class="guidcon">
                        <text class="guidtext">王之涣：(688～742)，是盛唐时期的著名诗人。性格豪放不羁，常击剑悲歌，其诗多被当时乐工制曲歌唱。名动一时，他常与高适、王昌龄等相唱和，以善于描写边塞风光著称。</text>
                    </view>
                    <view class="guidcon">
                        <text class="guidtext">王之涣：(688～742)，是盛唐时期的著名诗人。性格豪放不羁，常击剑悲歌，其诗多被当时乐工制曲歌唱。名动一时，他常与高适、王昌龄等相唱和，以善于描写边塞风光著称。</text>
                    </view>
                    <view class="guidcon">
                        <text class="guidtext">王之涣：(688～742)，是盛唐时期的著名诗人。性格豪放不羁，常击剑悲歌，其诗多被当时乐工制曲歌唱。名动一时，他常与高适、王昌龄等相唱和，以善于描写边塞风光著称。</text>
                    </view>
                    <view class="guidcon">
                        <text class="guidtext">王之涣：(688～742)，是盛唐时期的著名诗人。性格豪放不羁，常击剑悲歌，其诗多被当时乐工制曲歌唱。名动一时，他常与高适、王昌龄等相唱和，以善于描写边塞风光著称。</text>
                    </view>
                    <view class="guidcon">
                        <text class="guidtext">王之涣：(688～742)，是盛唐时期的著名诗人。性格豪放不羁，常击剑悲歌，其诗多被当时乐工制曲歌唱。名动一时，他常与高适、王昌龄等相唱和，以善于描写边塞风光著称。</text>
                    </view>
                    <view class="guidcon">
                        <text class="guidtext">王之涣：(688～742)，是盛唐时期的著名诗人。性格豪放不羁，常击剑悲歌，其诗多被当时乐工制曲歌唱。名动一时，他常与高适、王昌龄等相唱和，以善于描写边塞风光著称。</text>
                    </view>
                </view>
            </scroll-view>
        </view>
    </view>
</template>
<script>
import $kn from '../../../../script/kn'
export default {
    name: "guideread",
    apiready() {
    },
    data() {
        return {

        }
    },
    methods: {
    }

}
</script>
<style scoped>
.guideread {
    width: 100%;
    height: 100%;
    background: rgba(33, 6, 0, 0.5);
    justify-content: center;
    align-items: center;
}
.close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 20px;
    right: 15px;
    margin: 10px;
}


.maskbox {
    width: 80%;
    height: 300px;
    background: #ffd320;
    box-shadow: 0px 3px 1px rgba(253, 113, 84, 0.16);
    z-index: 1;
}
.scroll-view {
    width: 100%;
    height: 300px;
}
.content {
    width: 100%;
    height: 100%;
}
.guidcon {
    width: 100%;
    border: 1px solid #333;
}
.guidtext{
    font-size: 14px;
    line-height: 40px;
}


</style>




实时预览是没有问题的，真机上，超出部分不滚动，直接把内容压缩了，求解决方法。

技术咨询-F

<view class="content">
这一层去掉