Question

滚动页面时，我正在使用以下脚本修复我的菜单。

var num = 5;
$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('.scroll').css({'position':'fixed', 'top':'0px'});
    } else {
        $('.scroll').css({'position':'', 'top':''});
    }
});

我正在使用此脚本进行表格。见Jsfiddle。向下滚动时，该标题将向左侧收缩。

为什么会发生这种情况以及如何解决？它应该支持主流浏览器（而不是IE）。

Answer 1

当您设置.controller('LoginCtrl', ['$log','$scope','$state','$http' , function($log,$scope,$state,$http) { $log.debug($scope.user); $log.debug($scope.pass); Need not pass $scope as the parameter here $scope.loginNew = function(){ $log.debug($scope.user); $log.debug($scope.pass); $http.get("http://demo.pillocate.com/webservice/Login?Username="+$scope.user+"&Password="+$scope.pass) .success(function(data) { alert("Login was Successful."); $log.debug("Login success" + data); }) .error(function(data) { alert("Wrong Credentials!!Username or Password was Wrong.") }); } }])时，左侧道具似乎设置为0.因此，标题移动到左侧角落。您可能需要使用position: fixed和display道具来完成您所追求的目标。另请注意，添加/删除类比通过width设置内联样式更好。请查看以下演示并根据您的需要调整代码。

.css()

var num = 5;
$(document).bind('scroll', function () {
    if ($(document).scrollTop() > num) {
		$('.scroll').addClass("scrolled");
    } else {
        $('.scroll').removeClass("scrolled");
    }
});

.scroll { width: 100%; }
.scroll th { width: 49% }
.scrolled { position: fixed; top: 0; }
.scrolled th { display: inline-block; width: 47.5% }

可能有其他方法可以做到这一点，但这是我可以很快想到的：）

滚动功能使左收缩

1 个答案: