Question

任何人都知道我如何在Yii2中使用导航栏窗口小部件创建超链接到100％高度屏幕上方的div并隐藏以便屏幕向下滚动到它？

我用于导航栏的代码是layout.php中yii附带的标准代码

['label' => 'Contact', 'url' => ['/site/contact']],

我替换'url'=＆gt; ['/ site / contact']]， - ＆gt;通过'url'=＆gt;之类的东西[ '#divid']]，

但它不起作用。

非常感谢您的回答。

Answer 1

只需将url指定为字符串：

['label' => 'Contact', 'url' => '#divId'],

Url参数由Url::to()方法处理，您可以看到如何解释字符串：

普通字符串：它将按原样返回。

Answer 2

非常感谢你的帮助，这很有效。我试图这样做

<body data-spy="scroll" data-target="#navbar" data-offset="50">
<?php $this->beginBody() ?>

<div class="wrap">
<?php
NavBar::begin([
    //'brandLabel' => Yii::$app->name,
    'brandLabel' => '<img src="SLOGAN.png" style="display:inline; vertical-align:top; margin-top:20px; margin-left: 10px;"/>',
    'brandUrl' => Yii::$app->homeUrl,
    'options' => [
        'class' => 'navbar navbar-fixed-top navbar-inverse',
        'id'=>'navbar'
    ],
]);
echo Nav::widget([
    'options' => ['class' => 'nav navbar-nav navbar-left'],
    'items' => [
        ['label' => 'HOME', 'url' => '#section1'],
        ['label' => 'ABOUT', 'url' => '#section2'],
        ['label' => 'SERVICES', 'url' =>'#section3'],
        ['label' => 'FAQS', 'url' => '#section4'],
        ['label' => 'CONTACTS', 'url' => '#section5'],

Yii2 - 到div的NavBar小部件超链接

2 个答案: