并且上下两部分滑动是独立的,造成在选择查看某个具体列的时候,上下对齐位置会比较麻烦,为了解决这个问题,这块增加了自动定位功能,演示效果如下:![picture.image](https://p6-volc-community-sign.byteimg.com/t... clientWidth) { return cardBox.offset + cardBox.width - clientWidth; } return this.cardScroll; } return getTargetPosition(colBox, this.tableScroll, cardBox);}// 获取滚动目标位置// originBox: 滚动起始...
并且上下两部分滑动是独立的,造成在选择查看某个具体列的时候,上下对齐位置会比较麻烦,为了解决这个问题,火山引擎DataLeap这块增加了自动定位功能,演示效果如下:![picture.image](https://p6-volc-community-sig... return getTargetPosition(colBox, this.tableScroll, cardBox);}// 获取滚动目标位置// originBox: 滚动起始对象// originScroll: 滚动起始左侧scroll// targetBox: 滚动结束对象const getTargetPosit...
并且上下两部分滑动是独立的,造成在选择查看某个具体列的时候,上下对齐位置会比较麻烦,为了解决这个问题,这块增加了自动定位功能,演示效果如下:![gof2.gif](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/... return getTargetPosition(colBox, this.tableScroll, cardBox);}// 获取滚动目标位置// originBox: 滚动起始对象// originScroll: 滚动起始左侧scroll// targetBox: 滚动结束对象const getTargetPosit...
position: absolute; display: block; bottom: 20px; background: rgba(0, 0, 0, 0.1); padding: 10px 20px; font-size: 18px;}```底部使用绝对定位,由于父元素没有定位,所以盒子参考... **粘性定位sticky**:relative 和 fixed 的结合体,能够实线类似吸附的效果,不常用### 5.2 label```label { cursor: default;}```这里主要复习的是cursor对于鼠标的图标显示:**问号**:```curs...
支持以下取值: 1:滚动,即在点播播放器内以碰撞反弹方式展示。 2:闪烁,即在点播播放器内随机出现和消失。 FontColor String ffffff 跑马灯颜色。遵循 RGB 色彩模型。 FontSize Integer 24 跑马灯字体的大小。支... 支持以下取值: 0:关闭 1:开启 LogoPosition Integer 图片在观看页的展示位置。支持以下取值: 0:右上 1:左上 2:左下 3:右下 LogoUrl String Logo 图片。 请求示例json GET https://livesaas.volcengineapi.co...
position: absolute; display: block; bottom: 20px; background: rgba(0, 0, 0, 0.1); padding: 10px 20px; font-size: 18px;}```底部使用绝对定位,由于父元素没有定位,所以盒子参考... **粘性定位sticky**:relative 和 fixed 的结合体,能够实线类似吸附的效果,不常用### 5.2 label```label { cursor: default;}```这里主要复习的是cursor对于鼠标的图标显示:**问号**:```curs...
支持以下取值: 1:滚动,即在点播播放器内以碰撞反弹方式展示。 2:闪烁,即在点播播放器内随机出现和消失。 FontColor String 是 ffffff 跑马灯颜色。遵循 RGB 色彩模型。 FontSize Integer 是 24 跑马灯字体的大... 支持以下取值: 0:关闭 1:开启 LogoPosition Integer 是 1 图片在观看页的展示位置。支持以下取值: 0:右上 1:左上 2:左下 3:右下 LogoUrl String 是 http://example.com Logo 图片。需要带协议头。 返回参数参...
以下为定义的位置:默认布局flex 布局 说明 如果您既没有指定 position,也没有指定 root 参数,插件默认挂载在根节点 root 下。 ROOT_TOP、ROOT_RIGHT、ROOT_LEFT 会在播放器失去焦点的时候自动隐藏。 手机小屏 flex... 播放器默认使用浏览器的 localStorage API 存储播放时间,即默认情况下不能实现跨端跨平台共享存储记忆的播放时间点。如果您需要通过服务共享播放时间点,实现方式如下: 传入 getTime 和 saveTime 两个函数。 getTim...
单位:dp setRoomStatusTextTipHorizontalPadding设置直播状态文字的横向内边距。 java public void setRoomStatusTextTipHorizontalPadding(int roomStatusTextTipHorizontalPadding)参数 名称 类型 说明 roomSta... 即每隔多少时间向右滚动一次。单位:ms setFloatAdLayoutParams设置浮标广告的默认位置。 Java public void setFloatAdLayoutParams(SimpleLayoutParams floatAdLayoutParams)参数 名称 类型 说明 floatAdLayoutPa...
包含自定义元素需在客户H5壳子中实现,并在客户域名下访问 -- 正文内容 正文H5需要在火山引擎域名下 -- 实例代码 如果需要完整展示火山引擎H5详情页,可以将iframe样式设置为: css /* iframe可滚动,并充满整个页面*/iframeId{ width: 100%; height: 100vh;}/* 导流浮层 */fixedUgBanner{ position: fixed;}【附件下载】: fe_share_demo.zip,大小为 5.01KB
火山引擎H5会在iframe onload的时机下,向客户H5壳子以postMessage的方式同步内容高度,这个高度供客户设置iframe高度,此时iframe不可滚动。 注意 监听时机:H5页面建议尽量早通过window.addEventListener添加"message"事件监听。不要在iframe onload时才添加监听器,以避免监听不到contentHeight的情况。 监听频次:由于H5页面内的一些元素是通过接口异步获取的,首次同步的高度可能并不准确,会多次发送消息通知内容高度,因此建议客户...
分享详情页实现火山引擎H5(仅正文部分)+ 客户自行实现其他版块(相关推荐、导流)这种形式,火山引擎H5会在iframe onload的时机下,向客户H5壳子以postMessage的方式同步内容高度,这个高度供客户设置iframe高度,此时iframe不可滚动,建议客户能持续监听页面高度变化;示例 // 客户H5 接收信息window.addEventListener('message', function(event){ try{ var data = JSON.parse(event.data '{}') {}; va...