当前博客:滚动容器问题请教

55 次浏览【转载需注明来源】

博客作者:【1580****6580】

个性签名:寒窗苦读十年,一朝凤舞九天

<页面>
    <按钮 @绑定事件_单击="方法层.图片切换">图片切换</按钮>
    <滚动容器 行内样式="宽度: 750rpx; 高度: 300rpx; 背景-颜色: violet" 允许纵向滚动 动画过渡 :滚动到指定元素="数据层.滚动位置">
        <区块 id="q1" 行内样式="宽度: 750rpx; 高度: 300rpx; 背景-颜色: #f76260"> 1111 </区块>
        <区块 id="q2" 行内样式="宽度: 750rpx; 高度: 300rpx; 背景-颜色: 颜色值-红色"> 2222 </区块>
    </滚动容器>
</页面>
<脚本>
    //@==>初始化加载定义-请勿删除本定义
    数据层.滚动位置="q2"
</脚本>
<脚本>
    局部变量 数据层 = {
        //所有的页面数据,请在本处定义
        滚动位置: "q2"
    };
</脚本>
<脚本>
    局部变量 方法层 = {
        //所有页面方法,请在本处定义
        图片切换() {
            如果 (数据层.滚动位置 == "q1") {
                调试输出(11)
                数据层.滚动位置 = "q2";
            } 否则 {
                数据层.滚动位置 = "q1";
            }
        }
    };
</脚本>
<样式></样式>

:滚动到指定元素="数据层.滚动位置"

这个属性似乎没有生效

默认排序
Generic placeholder image
Generic placeholder image
快码FOF编程 Time: 2023-12-10 21:59:02
<页面>
    <按钮 @绑定事件_单击="方法层.图片切换">图片切换</按钮>
    <滚动容器 允许纵向滚动 行内样式="宽度: 100%; 高度: 300rpx" 动画过渡 尾部触发事件距离="1" 顶部触发事件距离="1" :滚动到指定元素="数据层.滚动位置">
        <区块 id="q1" 行内样式="高度: 200rpx; 宽度: 100%; 背景-颜色: 颜色值-橙色"></区块>
        <区块 行内样式="高度: 200rpx; 宽度: 100%; 背景-颜色: 颜色值-红色"></区块>
        <区块 id="q3" 行内样式="高度: 200rpx; 宽度: 100%; 背景-颜色: 颜色值-蓝色"></区块>
    </滚动容器>
</页面>
<脚本>
    局部变量 数据层 = {
        //所有的页面数据,请在本处定义
        滚动位置: "q3"
    };
</脚本>
<脚本>
    局部变量 方法层 = {
        //所有页面方法,请在本处定义
        图片切换() {
            数据层.滚动位置 = "q1";
        }
    };
</脚本>
<样式></样式>

需要设置:尾部触发事件距离="1" 顶部触发事件距离="1" 后才会生效


滚动容器问题请教