Fatal编程技术网
  • javascript/
  • Javascript 使用垂直菜单平滑滚动链接效果问题

Javascript 使用垂直菜单平滑滚动链接效果问题

javascript html css bootstrap-4

Javascript 使用垂直菜单平滑滚动链接效果问题,javascript,html,css,bootstrap-4,smooth-scrolling,Javascript,Html,Css,Bootstrap 4,Smooth Scrolling,我正在尝试修复此模板上的一个问题： 导航菜单上的突出显示效果仅在浏览器高度降低时有效，如果我将窗口调整为全屏（）并向下滚动到第7节，导航菜单上的链接将不会突出显示。（我正在从一台27英寸的imac上观看） 在javascripts中，我相信这个函数控制链接高亮显示： $（窗口）。滚动（函数（）{ var scrollDistance=$（窗口）.scrollTop（） //滚动显示/隐藏菜单 //如果（滚动距离>=850）{ //$（'nav'）.fadeIn（“fast”）； //}否则{

我正在尝试修复此模板上的一个问题：

导航菜单上的突出显示效果仅在浏览器高度降低时有效，如果我将窗口调整为全屏（）并向下滚动到第7节，导航菜单上的链接将不会突出显示。（我正在从一台27英寸的imac上观看）

在javascripts中，我相信这个函数控制链接高亮显示： $（窗口）。滚动（函数（）{ var scrollDistance=$（窗口）.scrollTop（）

//滚动显示/隐藏菜单
//如果（滚动距离>=850）{
//$（'nav'）.fadeIn（“fast”）；
//}否则{
//$（'nav'）。淡出（“快速”）；
//}
//在scolling时为导航链接分配活动类
$（'.page section'）。每个（函数（i）{
if（$（this）.position（）.top修复if语句：


if ($(this).position().top - $(this).height() <= scrollDistance)



if（$（this）.position（）.top-$（this）.height（）

if ($(this).position().top - $(this).height() <= scrollDistance)