Overengineered Anchor Links
a year ago
- #user experience
- #optimization
- #web development
- 锚点链接看似简单，但实现起来可能很复杂。
- 解决方案包括添加额外内边距、偏移触发线以及转换触发点。
- 提出了一种分数平移法来满足可到达性和标题顺序等条件。
- 建议采用自定义映射函数，以最小化与理想触发线的偏差，从而提升用户体验。
- 探索了SLSQP等优化技术来平衡锚点与章节的惩罚系数。
- 定义约束条件以确保虚拟标题始终位于页面边界内并保持顺序。
- 意识到分数平移法在超长页面上扩展性不足，从而催生出更智能的映射函数。
- 最终方案采用平滑阶梯函数，根据标题位置实现调整系数的流畅过渡。
- 这个方法被幽默地承认过度设计，但最终成就了一篇详实的技术博客。