gpt4 book ai didi

javascript - AngularJS根据页面innerWidth改变主体宽度

转载 作者:太空宇宙 更新时间:2023-11-03 23:17:46 25 4
gpt4 key购买 nike

我想让我的页面可以滚动。

因此我需要在主体顶部添加宽度元素。

如果我做 width:100%;滚动条永远不会显示,所以我正在寻找一种简单的解决方案来对页面宽度进行采样,并在页面宽度发生变化时将其设置为正文。

我有两个问题:

  1. 我做不到。
  2. watch 仅在应用加载时触发,而不是每次窗口宽度发生变化时触发。

这是我使用的代码:

   $scope.$watch(function(){
return $window.innerWidth;
}, function(value) {
$scope.cols = value;
var width = value +'px !important';

$('body').css("width", width);
});

最佳答案

你应该使用这样的指令,改变你的<body>成为<body resize-body>并将此指令添加到您的应用中。

app.directive('resizeBody', ['$window', function($window) {
return {
link: function(scope, elem, attrs) {
scope.onResize = function() {
$(elem).width($window.innerWidth);
}
scope.onResize();

angular.element($window).bind('resize', function() {
scope.onResize();
})
}
}
}])

现在,每次调整窗口大小时,body 元素都会有窗口 innerWidth。我没有测试它!

关于javascript - AngularJS根据页面innerWidth改变主体宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29823766/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com