开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么当我从index.html转到index.html/#contact时，我的CSS消失了？

当你从index.html转到index.html/#contact时，你的CSS消失了，这是因为/#contact是一个锚点（anchor），它会导致浏览器将页面滚动到相应的位置，但不会触发页面的重新加载。由于CSS是在页面加载时被引入的，当页面滚动到锚点时，并不会重新加载CSS文件，因此导致CSS样式丢失。

要解决这个问题，你可以使用JavaScript来监听页面滚动事件，并在滚动到锚点时手动加载CSS文件。以下是一个示例代码：

window.addEventListener('scroll', function() {
  if (window.location.hash === '#contact') {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = 'path/to/your/css/file.css';
    document.head.appendChild(link);
  }
});

上述代码会在页面滚动时检查当前URL的哈希部分是否为"#contact"，如果是，则动态创建一个<link>元素，并将CSS文件的路径设置为其href属性值，然后将<link>元素添加到<head>标签中，从而加载CSS文件。

另外，你也可以考虑将CSS样式直接嵌入到index.html文件中，而不是通过外部CSS文件引入。这样无论页面滚动到哪个位置，CSS样式都会一直存在。

请注意，以上代码仅为示例，实际应用中你需要根据自己的项目结构和需求进行相应的调整。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），详情请参考：https://cloud.tencent.com/product/cdn

相关搜索:当我使用<TouchableWithoutFeedback>时，为什么我的设计消失了？当我试着移动它时，我的图像出现了又消失了当我在我的Angular项目中使用lite- /index.html时，为什么我得到了404GET？为什么当我使用分数时，我得到了[LayoutConstraints]错误。但当我舍入这个数字时。错误消失了为什么mongoimport.exe从我的包中消失了？为什么我的表头在过滤表数据时消失了？我在MainActivity上运行我的NavigationDrawer。然而，当我切换激活时，它就消失了谁能告诉我为什么当我改变填充而不是其他填充时，这个列表消失了？当我调用.place_forget()方法时，为什么我的标签没有消失？当我在我的Vue应用中使用select标签时，下拉图标消失了。(Chrome)当我删除std :: vector的成员时,为什么我的程序崩溃了当我从我的导航栏中删除overflow:hidden属性时，它会消失当我调用一个函数时为什么我的程序停止了？为什么当我的react呈现我的组件页面时，我的css文本显示？当我添加HTML或CSS时，为什么我的网站为空？当我在不同的类中从构造函数转到主方法时，我丢失了数据。这是怎么回事？当我在PostreSQL的WHERE语句中指定多个值时，为什么这些空行消失了？当我尝试处理栅格时，为什么我的计算机内存迅速消失？我试图从sql developer创建Db文档，它成功地工作了，但是当我点击index.html时，没有找到文件为什么数百张图片从我的上传文件夹中消失了？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

没有搜到相关的视频

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭