我在使用 Bootstrap Scrollspy组件时遇到问题。
我正在使用sticky-top导航栏,当单击导航按钮时,它会滚动到正确的元素;
但问题是粘性导航栏覆盖了这个元素。
我尝试data-offset = "50"在 body 标签中使用,但它没有任何影响。
正文标签:
<body data-spy="scroll" data-target="#sectionsNav" data-offset="50">
Run Code Online (Sandbox Code Playgroud)
正文标签CSS:
body {
position: relative;
overflow-y: auto;
}
Run Code Online (Sandbox Code Playgroud)
导航栏:
<nav class="navbar navbar-light bg-light sticky-top">
<div id="sectionsNav">
<ul class="nav nav-pills text-center">
<li class="nav-item">
<a class="nav-link" href="#wihe">What is Home Eats</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#hiw">How it Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pws">Problems we Solve</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#jhen">Join Now!</a>
</li>
</ul>
</div>
</nav>
Run Code Online (Sandbox Code Playgroud)
它是如何工作的:
..
<div id="hiw" class="container"> …Run Code Online (Sandbox Code Playgroud) 我创建了一个对我有用的函数,它将文件上传到 Google Cloud Storage。
问题是当我的朋友尝试使用他本地机器上的相同代码将同一个文件上传到同一个存储桶时,他收到timeout error。他的互联网非常好,他应该能够在他的连接中毫无问题地上传文件。
知道为什么会这样吗?
def upload_to_cloud(file_path):
"""
saves a file in the google storage. As Google requires audio files greater than 60 seconds to be saved on cloud before processing
It always saves in 'audio-files-bucket' (folder)
Input:
Path of file to be saved
Output:
URI of the saved file
"""
print("Uploading to cloud...")
client = storage.Client().from_service_account_json(KEY_PATH)
bucket = client.get_bucket('audio-files-bucket')
file_name = str(file_path).split('\\')[-1]
print(file_name)
blob = bucket.blob(file_name)
f = open(file_path, 'rb')
blob.upload_from_file(f)
f.close()
print("uploaded at: ", …Run Code Online (Sandbox Code Playgroud)