0

我有以下步骤

   {
            waitNot:   'h1#blog_post_name:empty()',
            element:   'h1[data-oe-expression="blog_post.name"]',
            placement: 'top',
            title:     _t("Change Title, subtitle"),
            content:   _t("Write a title, the subtitle is optional."),
            popover:   { next: _t("Continue") },

        },
        {
            element:   '#blog_content',
            placement: 'top',
            title:     _t("Content"),
            content:   _t("Start writing your story here. Click on save in the upper left corner when you are done."),
        },            
        {

            waitNot:   '#blog_content .container.readable:empty()',
            element:   'button[data-action=snippet]',
            placement: 'right',
            title:     _t("Layout Your Blog Post"),
            content:   _t("Use well designed building blocks to structure the content of your blog. Click 'Insert Blocks' to add new content."),
            popover:   { fixed: true },
        },

现在,当我在第一步“更改标题,副标题”中单击继续时,它会转到下一个“内容”。问题是底部的“#blog_content”div,所以我手动滚动页面以查看下一步。我希望它直接将页面滚动到该 div .. 所以为此我必须做什么???

你也可以在视频中看到这个问题..

https://www.youtube.com/watch?v=B6tkUX6oLc8 时间:0.30 到 0.50

4

1 回答 1

2

这个答案可能有点晚了,但请确保你有

autoScroll: true

在您的顶级游览定义中,如 API 中所述

http://bootstraptour.com/api/

于 2015-04-28T12:53:39.027 回答