0

我正在开发一个 TVML 应用程序，其中一个模板顶部有一个带有标题的横幅，下面是几个架子（架子的数量取决于加载的数据）。问题是当货架的数量超过一个时，屏幕会滚动到货架的第一个可点击项目，并且带有标题的横幅会滚动到屏幕外。如何使横幅保持在屏幕上？

这是我正在使用的模板：

<document>
<head>
    <style>
        .topic_banner {
            height: 250px;
            margin-bottom: 40px;
        }

    </style>
</head>
<productTemplate>
    <banner class="topic_banner">
        <stack>
            <title>{{topicTitle}}</title>
        </stack>
    </banner>
    

    {{#shows.0}}
    <shelf autoHightlight="false">
        <header>
            <title>Shows</title>
        </header>
        <section>
            {{#shows}}
                <lockup
                    template="video.tvml"
                    presentation="push"
                    id="{{id}}"
                    type="show">
                    <img src="https://path_to_image/{{path}}.png" width="380" height="253" />
                </lockup>
            {{/shows}}
        </section>
    </shelf>
    {{/shows.0}}


    {{#movies.0}}
    <shelf>
        <header>
            <title>Movies</title>
        </header>
        <section>
            {{#movies}}
                <lockup
                    template="video.tvml"
                    presentation="push"
                    id="{{id}}"
                    type="movie">
                    <img src="https://path_to_image/{{path}}.png" width="380" height="253" />
                </lockup>
            {{/movies}}
        </section>
    </shelf>
    {{/movies.0}}

    
</productTemplate>
</document>

数据带有小胡子。

如您所见，我尝试使用 autoHighlight 禁用选择

<shelf autoHightlight="false">

但这没有奏效。

4

0 回答 0