滚动到组件而不是从组件顶部开始

Question

我正在使用bootstrap JS scrollspy通过单击navvar链接滚动到任何部分。但是问题在于，它不会滚动到组件顶部，而是向下滚动“ 50px左右”。

我尝试添加data-offset ='0'，但事实并非如此

{
  "$schema": "https://schema.management.azure.com/schemas/2015-01-01/deploymentParameters.json#",
  "contentVersion": "1.0.0.0",
  "parameters": {
    "virtualNetworkName": {
      "value": "appGwVNet"
    },
    "vnetAddressPrefix": {
      "value": "10.0.0.0/16"
    },
    "subnetName": {
      "value": "appGwSubNet1"
    },
    "subnetPrefix": {
      "value": "10.0.0.0/24"
    },
    "applicationGatewayName": {
      "value": "appGwV2"
    },
    "minCapacity": {
      "value": 1
    },
    "frontendPort": {
      "value": 80
    },
    "backendPort": {
      "value": 80
    },
    "backendAddressPools": {
      "value": [
        {
          "name": "appGatewayBackendPool1"
        },
        {
          "name": "appGatewayBackendPool2"
        },
        {
          "name": "appGatewayBackendPool3"
        }
      ]
    },
    "backendIPAddresses": {
      "value": [
        [
          {
            "IpAddress": "10.0.0.4"
          },
          {
            "IpAddress": "10.0.0.5"
          }
        ],
        [
          {
            "IpAddress": "10.0.0.7"
          },
          {
            "IpAddress": "10.0.0.8"
          }
        ],
        [
          {
            "fqdn": "mysite.com"
          }
        ]
      ]
    },
    "cookieBasedAffinity": {
      "value": "Disabled"
    },
    "location": {
      "value": "centralus"
    }
  }
}

您所知道的，提供的代码只是一个演示。 那么，我该怎么做才能滚动到组件的顶部？