Question

我有一个响应式布局，我使用sticky.js作为我的标题。这似乎可以减少我可以忍受的一些故障。但我的主播总是关闭（我使用平滑滚动）。当响应式布局不断改变宽度和高度时，我不确定如何在滚动到锚点时补偿粘性标题？

Answer 1

不幸的是，你不能用直接CSS做很多事情，这不会扭曲你的设计。为了解决以前项目中的这个问题，我使用jQuery来处理这些类型的滚动/锚点问题。

您现在拥有的内容： <a>代码，用于在页面上查找id。问题是这样的：当网站响应时，那些锚标签与DOM布局不能很好地对齐。

我的解决方案：为了提供高级概念 - 我使用jQuery动态修改ID位置。假设您在网站是全尺寸时单击链接，一切都很好。这里不需要jQuery。现在说当你将网站缩放到大约768px宽度范围（iPad肖像）时点击相同的链接：然后我的锚点可能看起来好像它们大约100px关闭（例如）。我写了一些jQuery来处理这个问题：“如果宽度是 _ _，那么___ px将锚点ID偏移。”

Answer 2

我建议使用JS来解决滚动时的差异，而不是尝试人为地更改锚标签的height属性。使用纯JS，这可能对您有用：

{         
     OleDbConnection conn = new OleDbConnection("");
     OleDbCommand cmd = new OleDbCommand("select * from table_name", conn);

        {
            conn.Open();
            OleDbDataReader reader = cmd.ExecuteReader();
            {
                DataTable dataTable = new DataTable();
                dataTable.Load(reader);
                dataGridView1.DataSource = dataTable;
            }
            conn.Close();
        }
}

在DOMContentLoaded事件中或在锚标签的onclick事件中，调用它的位置的示例。

是否可以使用粘性标题，在响应式布局中滚动到锚点？

2 个答案: