C#winform 怎么设置自动竖直滚动条

Posted 2023-04-22

你调整好控件大小，在右边留好垂直滚动条的宽度，就没有问题了。或者在垂直滚动条出现的时候，动态调整控件的宽度。
flowLayoutPanel1.AutoScroll = false;
flowLayoutPanel1.FlowDirection = FlowDirection.TopDown;
flowLayoutPanel1.WrapContents = false;
flowLayoutPanel1.HorizontalScroll.Maximum = 0; // 把水平滚动范围设成0就看不到水平滚动条了
flowLayoutPanel1.AutoScroll = true; // 注意启用滚动的顺序，应是完成设置的最后一条语句 参考技术A flowLayoutPanel1.WrapContents 这个本来就设置是false的，问题在我锚定了边宽。
在竖直行出现的时候它的水平行也会自动出现。
因为容器里面的控件和容器的编框的宽度差异是2.

现在我绑定了size改变事件来改短里面容器的长度，有点效果。
但是鼠标拖动过猛的话，还是会出现水平滚动条。。 参考技术B lowLayoutPanel1.WrapContents 这个本来就设置是false的，问题在我锚定了边宽。 在竖直行出现的时候它的水平行也会自动出现。 因为容器里面的控件和容器的编框的宽度差异是2. 现在我绑定了size改变事件来改短里面容器的长度，有点效果。 但是鼠标拖动过猛的话，还是会出现水平滚动条. 参考技术C 原来需要设置
lowLayoutPanel1.AutoScroll = false;
才可以设置
flowLayoutPanel1.HorizontalScroll.Maximum = 0;
然后再
flowLayoutPanel1.AutoScroll = true; 参考技术D : 鼠标滚动是可以出发滚动事件的,在滚动事件里写方法,让控件的位置发生相对位移就可以了本回答被提问者采纳

swiper实现竖直方向滚动字幕

参考技术A 垂直方向的滚动在开发过程中遇到的问题主要有2个，一个是移动端无法滚动，一个是每次数据循环完成之后sweiper都从第一条数据开始导致字幕快速滚动之后才正常滚动，原因是没有设置循环滚动

解决：移动端添加属性 observer: true,  observeParents: true, 对数据进行监听

添加 loop : true属性解决每次都从头开始滚动，之前添加过这个属性没好使后来又可以了

注意：swiper-wrapper不能添加overflow:scroll样式，不然会导致swiper-no-swiping无效

<template>

    <div class="live-lottery-notice" v-show="logList.length > 0">

        <div class="swiper-container swiper-no-swiping">

            <div class="swiper-wrapper">

                <div class="swiper-slide" v-for="(item, index) in logList" :key="index">XXX</div>

            </div>

        </div>

    </div>

</template>

<script>

import 'swiper/dist/css/swiper.css'

import Swiper from 'swiper';

export default 

    props: ['logList'],

    data() 

        return 

            mySwiper: null

        

    ,

    mounted() 

        this.initSwiper()

    ,

    methods: 

        initSwiper() 

            this.$nextTick(()=> 

                setTimeout(()=>

                    this.mySwiper = new Swiper('.swiper-container', 

                        initialSlide :0,

                        slidesPerView :'auto',

                        autoplay: // 自动滑动

                            stopOnLastSlide: false,

                            delay: 5000, //5秒切换一次

                            disableOnInteraction: false

                        ,

                        direction:'vertical',

                        grabCursor:true,

                        autoplayDisableOnInteraction:false,

                        // mousewheelControl:true,

                        autoHeight:true,

                        observer: true,

                        observeParents: true, 

                        speed:1000,

                        loop : true

                    )

                ,500)

            )

        

    



</script>

<style lang="scss" scoped>

.live-lottery-notice 

    width: 100%;

    height: auto;



</style>