jQuery滚动显示按钮单击时显示特定DIV

Question

在我的html页面中，我大约有五个按钮。这些按钮排列在单个DIV中，并且这些按钮位于页面底部。当我单击这些按钮之一时，页面将向上滚动。我想避免这种行为。我想在单击按钮时滚动到相同的DIV。

这可能吗？

<input type="button" value="Update Details" data-bind="onClick: {value: ' Update Details '} />

// This is a custom event handler which is raised on button click 
ko.bindingHandlers.onClick = { 
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
        element.onclick = function (event) { 
            event.preventDefault(); 
            // The below function contains business logic 
            UpdateDetails(); 
        }  
    } 
};

Answer 1

假设您的按钮像这样缠绕在div上

HTML代码：

<div class="container">
      <div class="rows"><input type="button" value="Update  Details" data-bind="onClick: {value: ' Update Details '} /></div>
      <div class="rows"><input type="button" value="Update Details" data-bind="onClick: {value: ' Update Details '} /></div>
</div>

敲除代码：

// This is a custom event handler which is raised on button click 
ko.bindingHandlers.onClick = { 
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
        element.onclick = function (event) { 
            event.preventDefault(); 
            //this will place the target div at top of the page
            $(event.target)[0].scrollIntoView();
            // The below function contains business logic 
            UpdateDetails();
        }
       }
     };